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)=>{　})