vue 请求腾讯地图webServiceAPI 跨域问题


请求地图 接口遇到跨域问题,腾讯地图文档说可以用jsonp解决,我是安装了 一个vue-jsonp解决的   如果有更好的办法,希望可以不吝赐教

1、安装 vue-jsonp 

npm install vue-jsonp

2、在main.js中引入

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

3、我这里使用的是 搜索的api

searchMap(val){
  const KEY = "这个地方填写你自己的key";
  let url = "https://apis.map.qq.com/ws/place/v1/search"
  let keyword = val
  this.$jsonp(url, {
      key: KEY,
      boundary: "region(全国)",
      keyword: keyword,
      output: "jsonp"
  }).then(res => {
      console.log(res)
  }).catch(err => {
     console.log(err)
  })
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM