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

标签：axios   font   height   div   save   跨域问题   line   family   第三方   

废话少说，再百度的近三个小时尝试了近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最终版！

标签：axios   font   height   div   save   跨域问题   line   family   第三方   

原文地址：https://www.cnblogs.com/sandaman2019/p/12442103.html