关于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, 让咱们一起致力走向巅峰!