vue使用jsonp

vue使用jsonp

axios不支持jsonp，所以需使用其他插件：vue-jsonp

npm i vue-jsonp -S

然后在 src/main.js ：

import Vue from 'vue'
import vueJsonp from 'vue-jsonp'
Vue.use(vueJsonp)

打印一下vueJsonp.install

console.log(vueJsonp.install)
/*

　　ƒ (Vue, options) {
　　　　Vue.jsonp = jsonp
　　　　Vue.prototype.$jsonp = jsonp

　　　　if (typeof options === 'number') {
　　　　　　_timeout = options
　　　　}
　　}

*/

 

然后就可以直接使用了：

// 因为引入了vue-jsonp，所以可以直接使用this.$jsonp, vueJsonp.install方法里把$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)=>{
　
})

 

posted @ 2019-01-24 16:24 青云码上 阅读( ...) 评论( ...) 编辑 收藏