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)
})
}
//如果出现下面这个报错
//"export 'default' (imported as 'VueJsonp') was not found in 'vue-jsonp'
//引入的方式应该是
import { VueJsonp } from 'vue-jsonp'
posted @   SultanST  阅读(378)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
历史上的今天:
2016-10-27 正则表达式--转载于http://blog.csdn.net/yigelangmandeshiren/article/details/6414563
点击右上角即可分享
微信分享提示