uniapp H5端 第三方地图api跨域请求解决办法

304 阅读1分钟

需要使用jsonp请求

npm install vue-jsonp // 安装依赖

使用

需要在mian.js引入

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

在需要的地方调用

const url =`https://apis.map.qq.com/ws/geocoder/v1location=${longitude},${latitude}&key=${key}&output=jsonp` //腾讯地图逆地址解析api 注意需要有output=jsonp
this.$jsonp(url).then(res => {
   console.log(res)
})

也可以直接使用

import {jsonp} from 'vue-jsonp'
const url =`https://apis.map.qq.com/ws/geocoder/v1location=${longitude},${latitude}&key=${key}&output=jsonp` //腾讯地图逆地址解析api 注意需要有output=jsonp
jsonp(url).then(res => {
   console.log(res)
})