uniapp h5跨域问题解决方案

Posted 2023-03-25

参考技术A uniapp h5跨域报错

在chrome浏览器运行报错

解决方案1、

在manifest.json的源码添加

修改uni.request

在chrome浏览器运行不再报错

注意：修改manifest.json需要重启才能生效

以上配置也可以简写为：

manifest.json

uni.request

uniapp之h5反向代理设置踩坑，解决跨域问题

参考技术A uniapp可以适应多个平台开发，你会发现在HBuilderX上的内置浏览器上调接口，没问题；在小程序中，也没问题；连接手机联调也没问题；

当后台设置允许跨域之后，前端h5需要进行设置反向代理才能解决这个问题。

在manifest.json文件中，我们需要输入我们的端口号

然后去视图源码下查看多了h5这个配置

我们需要在自动生成的h5配置中进行编写代理设置

这里需要注意的是"target" : " http://xxx:9090 ", 这里是写http还是https，需要与后台保持一致，不然会报500.

然后我们去使用我们的代理，进行带接口