官网详解:
https://ask.dcloud.net.cn/article/35267

image.png

image.png

image.png

image.png

总结 : 此次测试 本地测试
下面这个东西 配不配好像 无关紧要 不起作用 不知道是不是 hbuilder 版本的问题？？？

"pathRewrite": {
"^/api": ""
}

注意：图片上面 /api 跟 接口 /api 是遥相呼应的,

测试 一下几种情况都可以访问

"pathRewrite": {
"^/api": ""
}
"pathRewrite": {
"^/api": "/api"
}
// 配置如下这样 就 404
"pathRewrite": {
"^/api": "b"
}

image.png

image.png

部分代码

    "h5" : {
        "devServer" : {
            // "https" : false,
            "port" : 8081,
            // "disableHostCheck" : false,  
            "proxy" : {
                "/api" : {
                    "target" : "http://api.wpbom.com",
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite": {
                        "^/api": "b"
                    }
                }
            }
        }
    }

            getData(){
                // http://api.wpbom.com/api/ancien.php?msg=%E9%9D%99%E5%A4%9C%E6%80%9D&b=1
                uni.request({
                    url:'/api/ancien.php',
                    data:{
                        msg:'静夜思',
                        B:1
                    },
                    method:'GET',
                    success(res) {
                        console.log(res)
                    }
                })
            }

代码解释

"h5": {
  "devServer" : {
     "https" : false, // 启用 https 协议 如果接口不是HTTPS 要用默认false
     "port" : 3000,  // 端口
     "disableHostCheck" : true, // 禁用 Host 检查
     "proxy" : {
         "/apis/" : {
             "target" : "http://baidu.com",  // 请求的目标域名
             "ws" : true, // 是否代理websocket
             "pathRewrite" : {   //使用代理； 告诉他你这个连接要用代理
                   "^/apis/" : "/"
              },
              "changeOrigin" : true, //是否跨域
              "secure" : true // 设置支持https协议的代理
         }
      },    
  }  
}

uni-app
h5代理测试
uniapp之h5反向代理设置
解决跨域问题
uni-app 代理 简书