如何使用代理处理 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 开发服务器运行在以下位置，则必须传递重写重定向的选项fe localhost:8080：

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