关于uni-app:uniapp跨域解决方案

uni-app跨域解决方案

1.开发环境 uni-app
2.电脑系统 windows10专业版
3.在应用uni-app开发的过程中,在测试的时候咱们总是会遇到跨域的问题,怎么解决呢?计划如下：
4.在 manifest.json中增加如下代码:

"h5":{        "devServer" : {             // "port" : 9001, //端口号              "disableHostCheck" : true,              "proxy" : {                  "/api" : {                      "target" : "http://192.168.0.106:3000", //指标接口域名                       "changeOrigin":true,  //是否跨域                       "secure":false,  // 设置反对https协定的代理                       "pathRewrite": {                           "^/api":""  //通过pathRewrite重写地址，将前缀/api转为/                       }                 }            }        }    },    //留神:增加的代码和 app-plus 是同级的关系!

5.在vue模板中增加如下代码:

uni.request({                url: "/api/feng",                 method:"post",                success: (res) => {                    console.log(res.data);                }            });

6.成果为:

7.本期的教程到了这里就完结啦,是不是很nice,让咱们一起致力走向巅峰!