暗眼小子
暗眼小子
  • 发布:2022-07-02 19:41
  • 更新:2022-11-14 11:37
  • 阅读:3137

uniapp设置devServer无效

分类:uni-app

在manifest文件中添加配置如下, 不能解决跨域的问题, 或者在vue.config.js中配置也是无效, 最后没有办法重装HbuilderX也是无效,不知道这个东西使用的时候有什么要求,是不是只有cli项目的才能使用这个devServer

"h5": {  
    "template": "index.html",  
    "title": "自测项目",  
    "devServer": {  
      "disableHostCheck": false,  
      "proxy": {  
        "/api": {  
          "target": "http://127.0.0.1:3000", //请求的目标域名  
          "changeOrigin": true,  
          "secure": false,  
          "pathRewrite": {  
            "^/api": ""  
          }  
        }  
      },  
      "port": 3002,  
      "https": false  
    },  
    "router": {  
      "mode": "hash"  
    },  
    "domain": "",  
    "optimization": {  
      "treeShaking": {  
        "enable": true  
      }  
    }  
  }  
2022-07-02 19:41 负责人:无 分享
已邀请:
暗眼小子

暗眼小子 (作者) - 前端

实在找不到问题,就新建项目 尝试使用uni.request请求 最后达成预期

这时候就可以锁定是uni.request的参数出问题了

再次查看请求地址的时候,发现在封装uni.request的时候,直接将env.development.js中定义的baseUrl和请求的api拼接,这个时候proxy: { "/api": .....}“/api”匹配不到,当然也就不能达成代理的预期

所以只需要将env.development.js中定义的baseUrl设置为空,将需要代理的地址直接拷贝作为devServer >>> target的值,问题解决

方向找错,纠结了整整一天

1***@qq.com

1***@qq.com

没用,我配置了,却一直用不了
"devServer": {
"proxy": {
"/api": {
"target": "http://127.0.0.1:43748", //请求的目标域名
"changeOrigin": true,//允许跨域
"secure": false,// 设置支持https协议的代理
"pathRewrite": {
"^/api": ""
}
}
},
"disableHostCheck": true,
"port": 8080,
"https": false
},

要回复问题请先登录注册