带有代理的 Webpack 开发服务器不处理重定向

Pet*_*rtu 5 reactjs webpack axios

我正在开发一个反应应用程序。对于开发,我使用 webpack 开发服务器。我的后端应用程序是一个弹簧靴。当我发出请求但未通过身份验证时,后端会将我重定向到登录页面 ( localhost:8080/login)。

我的 webpack 开发服务器在端口上运行3000。我所有的 api 调用都使用来自开发服务器的代理重定向到后端。

devServer: {
historyApiFallback: true,
contentBase: './',
proxy: [{
  context: ["/api"],
  target: "http://localhost:9090"
}],
changeOrigin: true,
secure: false
Run Code Online (Sandbox Code Playgroud)

例如,当我访问受保护资源但未通过身份验证时,localhost:3000/api/test我被重定向到localhost:8080/login2 个请求:一个 302 请求和一个 200 请求到/login. 问题是开发服务器实际上并没有进行重定向,也没有显示登录页面。当从我的 Spring Boot 应用程序提供内容时,重定向就完成了。

这是与 webpack dev server 相关的问题还是我对代理机制的理解有问题?