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