vue引入vue-jsonp实现跨域的方法
一、vue-jsonp实现跨域的方法第一步:添加依赖npm install vue-jsonp --save第二步:在vue cli项目main.js中添加import{VueJsonp}from'vue-jsonp'// 网上很多博客引用不加{},会报错Vue.use(VueJsonp)第三步:在任意.vue文件中使用// 因为引入了vue-jsonp,所以可以直接使用this.$jsonp,
·
一、vue-jsonp实现跨域的方法
第一步:
添加依赖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)
})
更多推荐
已为社区贡献20条内容
所有评论(0)