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最终版!的主要内容,如果未能解决你的问题,请参考以下文章