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

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

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

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

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

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

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

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

开发环境中设置浏览器跨域只要设置 vue.config.js 的devServer的proxy代理即可；

此时就要配置服务器（这边用的nginx代理服务器）的代理配置；

proxy_pass的匹配规则如下：

在根目录 manifest.json 中

添加

调用时

妈的网上百度半天 没一个是完整解释的哎（可能是太简单吧，但是对我这样的新手来说太致命了弄了半天）

上边说的代理一般在外置浏览器运行时会出现

请求成功(可能是HBuild内置浏览器 做过代理了)

---