vue中使用jsonp进行跨域请求接口

最新推荐文章于 2024-08-20 09:05:48 发布

winne雪

最新推荐文章于 2024-08-20 09:05:48 发布

阅读量5.6k

点赞数 4

分类专栏： vue 文章标签： vue jsonp 跨域

本文链接：https://blog.csdn.net/m0_38134431/article/details/87930647

版权

前言：

这里我们使用的是第三方插件jsonp。
github网址：https://github.com/webmodules/jsonp

1、安装

npm install jsonp -S

2、引入

一般新建一个js文件来引入原始jsonp插件，然后对原始插件进行封装，对跨域接口参数的拼接，封装好这个jsonp文件后export出去，之后在哪里用到就再在那里import。
1.新建jsonp.js文件来封装原始jsonp插件

// 引入原始jsonp插件
import originJsonp from 'jsonp'
/*
  封装原jsonp插件，返回promise对象
  url： 请求地址
  data：请求的json参数
  option：其他json参数，默认直接写空对象即可
*/
export default function jsonp (url, data, option) {
   
  url += (url.indexOf('?') < 0 ? '?' : '&') + param(data)
  return new Promise((resolve, reject)<