uni-app项目中H5跨域小程序不跨域怎么解决方法(兼容H5、小程序)

解决这个问题的时候还是用到了之前的文章中提到的“条件编译”,当然这只是其中一部分,
下面我们来看一下这种问题的解决方法,

①H5端配置

首先在项目中找到一个名为“manifest.json”的文件,找到该文件下的H5配置将端口配置好
uni-app项目中H5跨域小程序不跨域怎么解决方法(兼容H5、小程序)_第1张图片
然后在左侧菜单栏中再找到“源码视图”将以下代码配置好,至此我们的H5端就配置完成了,需要配置的还有我们的小程序端
uni-app项目中H5跨域小程序不跨域怎么解决方法(兼容H5、小程序)_第2张图片
因为我的项目是兼容H5跟小程序的所以调取接口时还需要分开写也就是“条件编译”
uni-app项目中H5跨域小程序不跨域怎么解决方法(兼容H5、小程序)_第3张图片

②小程序端配置

首先我们需要配置一下安全域名
打开微信公众平台登录
在左侧菜单中找到开发选项中的“开发设置”选项下的 “服务器域名”选项
uni-app项目中H5跨域小程序不跨域怎么解决方法(兼容H5、小程序)_第4张图片
uni-app项目中H5跨域小程序不跨域怎么解决方法(兼容H5、小程序)_第5张图片
把我们的域名添加进去即可,在微信开发者工具刷新看看此时我们的安全域名就配置好了
uni-app项目中H5跨域小程序不跨域怎么解决方法(兼容H5、小程序)_第6张图片
注意:微信小程序只支持https的域名,如果以上配置都完成了,小程序还有问题,那就需要问你们的后台域名是不是https的了,如果不是就需要到阿里申请。

你可能感兴趣的:(前端,uni-app,跨端兼容)