feat: vue3中使用jsonp示例

package.json

@@ -36,6 +36,7 @@
         "github-markdown-css": "^5.8.1",
         "html2canvas": "^1.4.1",
         "js-cookie": "^3.0.5",
+        "jsonp": "^0.2.1",
         "localforage": "^1.10.0",
         "marked": "^15.0.7",
         "mitt": "^3.0.1",

pnpm-lock.yaml

@@ -53,6 +53,9 @@ importers:
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
+      jsonp:
+        specifier: ^0.2.1
+        version: 0.2.1
       localforage:
         specifier: ^1.10.0
         version: 1.10.0
@@ -1659,6 +1662,14 @@ packages:
   de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
 
+  debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   debug@4.3.6:
     resolution: {integrity: sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==}
     engines: {node: '>=6.0'}
@@ -2298,6 +2309,9 @@ packages:
   jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
 
+  jsonp@0.2.1:
+    resolution: {integrity: sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==}
+
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
@@ -2482,6 +2496,9 @@ packages:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
 
+  ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+
   ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
@@ -5422,6 +5439,10 @@ snapshots:
 
   de-indent@1.0.2: {}
 
+  debug@2.6.9:
+    dependencies:
+      ms: 2.0.0
+
   debug@4.3.6:
     dependencies:
       ms: 2.1.2
@@ -6098,6 +6119,12 @@ snapshots:
     optionalDependencies:
       graceful-fs: 4.2.11
 
+  jsonp@0.2.1:
+    dependencies:
+      debug: 2.6.9
+    transitivePeerDependencies:
+      - supports-color
+
   keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
@@ -6261,6 +6288,8 @@ snapshots:
   mri@1.2.0:
     optional: true
 
+  ms@2.0.0: {}
+
   ms@2.1.2: {}
 
   muggle-string@0.4.1: {}

src/views/demo/jsonp.vue

@@ -0,0 +1,15 @@
+<template>
+    <div>111</div>
+</template>
+
+<script setup>
+import jsonp from 'jsonp';
+
+const url = 'http://api.open-notify.org/astros.json';
+// 'https://eim-talk-stg1.ocft.com/platform/workwechat/getSignature?weappNo=PAJF_17&scene=staff&fxurl=http://www.baidu.com&systemNo=EIM_GIMAP';
+// 'https://eim-talk-stg1.ocft.com/platform/workwechat/getSignature?weappNo=PAJF_17&scene=staff&fxurl=https%253A%252F%252Feim-gimap-cloud-client-stg.pingan.com%252Fagent%252Findex.html%253FweappNo%253DPAJF_17%2526userid%253DGuoSongYang%2526deviceid%253Df42f9adc-69d1-4e92-830a-63d13d878a21%2526externaluserid%253D%2526token%253DeyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJHdW9Tb25nWWFuZyIsImF1ZCI6IjllM2YwNWQyOTU0NmU5ZWMwMTk1NWIyMDgxYmYwMjBiIiwiZXhwIjoxNzQxNjc4Nzg3LCJjcmVhdGVkIjoxNzQxNTkyMzg3OTAyfQ.1-0w6GUl0ggEUkUrKOryx8XR8pS9DykbClUklzcg14E1ciiSKXrLXkI2MFRijqLS_fcZIs4r7pTkM25gUXLW5w%2526info%253DeyJ1c2VySWQiOiJHdW9Tb25nWWFuZyIsIndlYXBwTm8iOiJQQUpGXzE3In0%25253D&systemNo=EIM_GIMAP_CLOUD';
+
+jsonp(url, {}, (err, data) => {
+    console.log(err, data);
+});
+</script>