vue3 jsonp
时间: 2023-09-19 17:05:08 浏览: 116
Vue3本身不提供jsonp的支持,但是你可以使用第三方库来实现jsonp请求。在你提供的引用中可以看到使用了一个自定义的函数jsonp来实现jsonp请求。该函数接受一个配置对象作为参数,其中包括url、key和callback等属性。url属性指定了请求的地址,key属性指定了jsonp回调函数的参数名(默认为'callback'),callback属性指定了请求成功后的回调函数。
jsonp函数内部通过创建一个script元素,并设置其src属性来实现jsonp请求。在请求url的末尾拼接了一个参数,参数的值由callback函数的名称决定,这个参数的作用是告诉服务器将响应数据包装到该函数的调用中。然后将script元素添加到head标签中,完成请求。
当服务器返回响应时,会执行callback函数并传入响应数据作为参数。在你引用的代码中,callback函数只是简单地将响应数据打印到控制台。
所以,如果你想在Vue3中使用jsonp,你可以通过使用该自定义的jsonp函数来发送jsonp请求,并在回调函数中处理响应数据。你需要传入一个配置对象,其中包括url和callback等属性,配置对象中的其他属性可根据需要进行设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue3 项目里面使用 自己封装的 jsonp](https://blog.csdn.net/gu2022_3_5_21_23/article/details/128488927)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue-cli3 调用jsonp](https://blog.csdn.net/chpswg/article/details/98735224)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文