uniapp h5代理

uniapp无论写h5，小程序还是app的时候，我们都需要在浏览器上看效果,就会出现跨域问题，那解决跨域问题uniapp其实给我们提供了proxy代理。

manifest.json

"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协议的代理
         }
      },    
  }  
}

在你的request 请求

/apis是指在manifest.json中的代理地址

uni.request({
            url: "/apis" + /pages/getlist,
            data: data,
            method:"POST"||"GET",
            header: {
                'content-type': 'application/x-www-form-urlencoded',
            },
            success: (res) => {
            },
            fail: (res) => {
            }
});