vue 调取腾讯webService API遇到跨域使用 jsonp

如下：

1.安装jsonp

npm install vue-jsonp

2.main.js 引入
腾讯位置服务 WebServiceAPI

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

3.举个例子：逆地址解析（坐标转位置信息）

methods:{
getAddresss(lat,lng){
const KEY =XXXXXXXXXXXXXX; //key 秘钥自己申请
let url = 'https://apis.map.qq.com/ws/geocoder/v1?&poi_options=address_format=short&get_poi=0';
let locationdata = lat+','+lng //纬度，经度
this.$jsonp(url,{
key:KEY,
callbackName: 'QQmap',
output:'jsonp',
location:locationdata
})
.then(json => {
let address = json.result.address;
console.log(address) //附近街道地址信息
})
.catch(err => {
console.log(err)
})
}
}
————————————————
版权声明：本文为CSDN博主「秩序、」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_36951197/article/details/86151768