UniApp本地调试H5跨域问题的解决方法，亲测可用

UniApp本地调试H5跨域（谷歌chrome浏览器，UniApp内置浏览器不存在此问题）的推荐方案：欺骗浏览器，让浏览器觉得你没有跨域（其实还是跨域了，用的是代理）

客户器端解决方案（亲测可用）：

1、在manifest.json里添加如下跨域代码：

"h5" : {
        "devServer" : {
            "port" : 2001,//你H5网址的端口，如:http://localhost:2001/#/pages/index/index
            "disableHostCheck" : true,
            "proxy" : {
                "/api" : {
                    "target" : "http://localhost:2000",//你api接口的请求地址，可以是域名，也可以是本地api地址，也可以是ip地址
                    "changeOrigin" : true,
                    "secure" : false
                }
            },
            "https" : false
        }
    }

2、在你的vue请求页面，如index.vue的代码如下：

uni.request({
    url: '/api/index/index',
    method: 'GET',
    success: (res) => {
        console.log(res);
    }
});

下面这些解释可以不看，照抄上面代码即可

参数说明

"proxy"里的'/api'：捕获API的标志，如果API中有这"/api"个字符串，那么就开始匹配代理，

比如API请求"/api/doc/userinfo"，会被代理到请求 "https://www.df81.com/api/doc"

即：将匹配到的"/api/doc"替换成"https://www.df81.com/api/doc"

客户端浏览器最终请求链接表面是："http://127.0.0.1:2001/api/doc/userinfo"，

实际上是被代理成了："http://localhsot:2000/api/doc/userinfo"去向服务器请求数据

target

代理的API地址，就是需要跨域的API地址。

地址可以是域名,如：https://www.df81.com

也可以是IP地址：http://127.0.0.1:2001

如果是域名需要额外添加一个参数changeOrigin: true，否则会代理失败。

pathRewrite

路径重写，也就是说会修改最终请求的API路径。

比如访问的API路径：/api/doc/userinfo，设置pathRewrite: {'^/api' : ''}后

最终代理访问的路径："https://www.df81.com/doc/userinfo"，

将"api"用正则替换成了空字符串，这个参数的目的是给代理命名后，在访问时把命名删除掉。

changeOrigin

这个参数可以让target参数是域名。

secure

secure: false,不检查安全问题。

设置后，可以接受运行在 HTTPS 上，可以使用无效证书的后端服务器