uni-app跨域解决方案

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,让我们一起努力走向巅峰!