前端代理问题

爱编程的王小美2025-05-12 11:03

在前后端联调的时候，有一次因为前端项目代理配置有问题，导致请求接口对不上，

复制代码

  transpileDependencies: true,
  devServer: {
    hot: true,
    port: 8081,
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    }
  },

比如这是一个代理，在请求时老是请求端口到8081，于是配对不上，后来发现是代理配置有问题，修改后再请求，发现还是请求端口到8081，就觉得还是代理写错，一直重复改。

最后，发现是前端配置文件需要重启项目才能生效，一直习惯了前端框架响应式的特性，也算是自己糊涂了一回，哈哈！！！