Vue请求第三方接口跨域最终解决办法!2020最终版!

废话少说,再百度的近三个小时尝试了近10种方法无解后,终于皇天不负有心人!

这个vue axios 跨域问题被我解决了!

需求:请求客户端ip地址获取客户ip,再根据ip获取用户位置

工具:Vue,axios,vue-jsonp

实现:

1、直接npm install vue-jsonp --save 安装依赖

2、在main.js中引入vue-jsonp

import VueJsonp from ‘vue-jsonp‘
Vue.use(VueJsonp)

3、

let url = "换成请求的地址";
            this.$jsonp(url).then(e => {              console.log(e);//终于不会报跨域错误了!真乃神器也!
            });

4、Vue请求第三方接口跨域最终解决办法!2020最终版!

 我的请求已经成功了!