uniapp使用腾讯组件跨域问题

情景:使用经纬度逆向解析出具体地址信息——高德接口设置了跨域,直接用request访问即可,腾讯api未设置跨域即使在mainifest.json里对h5设置了允许跨域依旧报错。
解决:在项目名右键——使用命令行窗口打开目录(像vue使用命令行)安装jsonp解决跨域请假问题

npm i --save vue-jsonp

main.js引入

import { VueJsonp } from 'vue-jsonp'  //引入时候不用{}包起来,可能会出现undefined (reading 'install')这类报错
Vue.use(VueJsonp)

页面中引用

// 逆地址解析
			jx:function(){
				this.$jsonp("https://apis.map.qq.com/ws/geocoder/v1", {
							key: '申请的密钥',
							output: 'jsonp',
							location: '31.973969,118.756208',//可以通过uni.getLocation获取,谷歌浏览器会对定位请求清除,有时候定位准,有时候定位不准会出现初始地址甘肃省,但项目发布上https就行了,不准的时候用其他浏览器测试
							get_poi:'1'
						}).then(resp => {
							let res = resp.result;
							console.log(res);
							// 地址名称,所需参数参考腾讯api文档解释
							_this.address=res.formatted_addresses.recommend;
						})
			},
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值