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

Posted sandaman2019

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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最终版!的主要内容,如果未能解决你的问题,请参考以下文章

解决ajax跨域的办法,代理,cors,jsonp

关于vue项目请求WCF服务跨域的问题(后台设置)

请求腾讯地图webServiceAPI 跨域问题

Vue axios调用第三方接口跨域解决

uni-app跨域请求接口解决办法

vue中遇到跨域问题