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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理