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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp之h5反向代理设置踩坑,解决跨域问题相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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

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

以上是关于uniapp之h5反向代理设置踩坑,解决跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

nginx配置反向代理解决vue跨域问题

uniapp h5跨域问题解决方案

jsonp-反向代理-CORS解决JS跨域问题的个人总结

[跨域]跨域解决方法之Ngnix反向代理

解决h5版的uniapp请求跨域问题

宝塔面板Nginx反向代理解决跨域问题