如何使用代理在vue cli开发服务器中处理重定向？

Question

我的项目设置包括一个vue应用程序，该应用程序在前端和一个Flask后端上都有几页。

对于我的开发设置，我正在使用devServer.proxy中的vue.config.js设置：

module.exports = {
  devServer: {
    proxy: "http://localhost:5000"
  }
}

这几乎可以处理所有请求。当后端服务器发出重定向请求时会出现问题，该请求显然指向后端上的URL。但是，在开发设置中，此页面尚不存在，因为它是由webpack开发服务器提供的。 （我正在测试成功验证后重定向到实际内容的登录页面）

最终，我想重写重定向以指向webpack服务器上的相应URL。 （嗯，也欢迎任何其他可行的解决方案）

有人知道如何做到这一点吗？

Answer 1

我知道了：

基本上，您必须通过选项hostRewrite来重写重定向，例如如果vue开发服务器正在localhost:8080上运行：

module.exports = {
  devServer: {
    proxy: {
      ".*": {
        target: "http://localhost:5000",
        hostRewrite: "localhost:8080"
      }
    }
  }
}