vue项目webpack里proxyTable配置失效问题

配置了proxyTable后仍然没有作用,可能原因是baseURL的问题。
解决:把baseURL设置注释掉重启服务。

如下配置:

// vue.config.js
module.exports = {
  // ...
  devServer: {
    proxy: {
      '/api': {
        target: 'http://backend.server.com', // 后端服务器地址
        changeOrigin: true, // 改变源地址
        pathRewrite: {
          '^/api': '' // 重写路径
        }
      }
    }
  }
};

假如你的请求URL是这样的:http://localhost:8080/api/some-endpoint,Vue CLI会自动将/api替换为target中定义的地址,并添加pathRewrite定义的路径。

其中,匹配是以API地址前缀为准,假如你的请求地址是/test/api/some-endpoint,配置代理时仅以/api去匹配是不成功的,会报404错误,正确配置应该是/test/api作为前缀。

参考https://docs.pingcode.com/ask/ask-ask/195698.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值