vue引入vue-jsonp实现解决跨域(例:在项目里调用百度api获取定位)

第一步:

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

第二步:

在vue cli项目main.js中添加

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

Vue.use(VueJsonp)

第三步:

在任意.vue文件中使用

// 因为引入了vue-jsonp,所以可以直接使用this.$jsonp, Vue.use(VueJsonp)
//方法里把$jsonp赋给vue原型了:Vue.prototype.$jsonp = jsonp
this.$jsonp('https://api.map.baidu.com/geocoder/v2/?callback=renderReverse&output=json&pois=1' , {
    
    
    ak: 'ZwTVu16RLXjhW7FHDjYt5HfMnR1dhFpR',
    location: e.point.lat + ',' + e.point.lng
}).then((res)=>{
    
    
 console.log(res)
})

猜你喜欢

转载自blog.csdn.net/TKP666/article/details/131534886