新浪博客

uni-app开发H5和小程序腾讯地图路线规划,H5有跨域问题

2022-03-29 09:58阅读:
1、用uni-app开发,h5和小程序使用得都是腾讯地图 微信小程序sdk 2、在腾讯地图创建应用时,要把webserviceAPI勾选上,并配置H5的域名白名单,如下图
uni-app开发H5和小程序腾讯地图路线规划,H5有跨域问题
3、因为本身就是小程序的sdk,所以小程序不会有什么问题,到H5就显示跨域,于是我查阅了资料,需要用jsonp来解决
4、第一步,安装jsonp
npm install vue-jsonp
第二步,在main.js中引入
import { VueJsonp } from 'vue-jsonp' Vue.use(VueJsonp)
如果在这个时候出现 install undefined的报错,需要先初始化npm
npm init -y
然后在执行第一步进行安装,就正常了
5、搬运困难,请看解决方法原文
:https://zhuanlan.zhihu.com/p/384719391
6、H5和小程序不能兼容问题,可以用条件编译来解决

我的更多文章

下载客户端阅读体验更佳

APP专享