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

本文详细介绍了如何在兼容H5与小程序的项目中进行接口配置,包括H5端的manifest.json配置与小程序端的安全域名设置,确保跨平台调用接口的正确性和安全性。

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

①H5端配置

首先在项目中找到一个名为“manifest.json”的文件,找到该文件下的H5配置将端口配置好
在这里插入图片描述
然后在左侧菜单栏中再找到“源码视图”将以下代码配置好,至此我们的H5端就配置完成了,需要配置的还有我们的小程序端
在这里插入图片描述
因为我的项目是兼容H5跟小程序的所以调取接口时还需要分开写也就是“条件编译”
在这里插入图片描述

②小程序端配置

首先我们需要配置一下安全域名
打开微信公众平台登录
在左侧菜单中找到开发选项中的“开发设置”选项下的 “服务器域名”选项
在这里插入图片描述
在这里插入图片描述
把我们的域名添加进去即可,在微信开发者工具刷新看看此时我们的安全域名就配置好了
在这里插入图片描述
注意:微信小程序只支持https的域名,如果以上配置都完成了,小程序还有问题,那就需要问你们的后台域名是不是https的了,如果不是就需要到阿里申请。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值