Angular CLI - 为现在部署设置生产代理

Question

我目前正在使用 now.sh 来部署我的应用程序。最近，我决定将请求的 baseUrl 移动到 proxy.config.json 文件。

{
  "/api/*": {
    "target": "http://localhost:3000",
    "secure": false,
    "logLevel": "debug"
  }
}

为了使用 now.sh 进行部署，我将 package.json 中的 scripts 更改为:

"start": "serve dist/ --single",
"build": "ng build --prod",

所以，首先，我做了一个ng build。

问题是，我需要一个不同的 target 用于 proxy.config.json，因为我部署了一个 API 并且我想在生产应用程序中使用它

我想拥有两个文件 proxy.config.dev.json 和 proxy.config.prod.json，但我不知道我是否可以定位使用 cli 的不同代理。问题是我在生产中使用 serve 而不是 ng serve 所以 proxy-config 不可用。

你有什么建议？我怎样才能开始工作？

Answer 1

我已经意识到使用 angular-cli 默认附带的“环境”是一个更好的解决方案。

所以我在两个环境 {dev, prod} 中都设置了一个 baseUrl。然后构建将不会改变。然后您必须修改您的服务以使用此环境变量。