vue引入vue-jsonp实现跨域的方法

一、vue-jsonp实现跨域的方法

第一步：

添加依赖npm install vue-jsonp --save

第二步：

在vue cli项目中添加

import { VueJsonp } from 'vue-jsonp'    // 网上很多博客引用不加{}，会报错

(VueJsonp)

第三步：

在任意.vue文件中使用

// 因为引入了vue-jsonp，所以可以直接使用this.$jsonp, (VueJsonp）方法里把$jsonp赋给vue原型了：.$jsonp = jsonp

this.$jsonp('/geocoder/v2/?callback=renderReverse&output=json&pois=1' , {
    ak: 'ZwTVu16RLXjhW7FHDjYt5HfMnR1dhFpR',
    location:  + ',' + 
}).then((res)=>{
　(res)
})