angular - 使用自定义配置运行 ng build

Question

我有 Angular 项目，我想将其部署在 Apache 服务器上。我使用ng build但我想为后端自定义地址和端点。

proxy.conf.json：

{
  "/api/*": {
    "target": "http://localhost:8080",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true
  }
}

根本不应用此配置。我如何正确设置它以更改配置？

环境ts文件：

import {environment as prod} from './environment.prod';

export const environment = Object.assign(prod, {
  production: false
});

Answer 1

您可以定义不同的环境文件。以下“开发”示例：

export const environment = {
    production: false,
    envName: 'dev',
    configPath: './assets/config/config.dev.json'
    ...
};

在“angular.json”文件中为“dev”添加配置部分，如下所示：

"dev": {
  "fileReplacements": [
    {
      "replace": "src/environments/environment.ts",
      "with": "src/environments/environment.dev.ts"
    }
  ],
  ....

并使用此命令构建：ng build --configuration=dev

有关更多信息，请查看这篇文章：如何在 Angular 6 中通过 `ng serve` 设置环境

Answer 2

假设您使用的是 Angular (>v6)，并且您已根据要求创建了多个环境文件。

所以你需要做的是，去 angular.json 文件

angular.json > projects > projectName > architect > build > configurations > fileReplacements

在这里你需要用你的文件名替换文件名 -

"replace": "src/environments/environment.ts",
"with": "src/environments/environment.live.ts"