使用自定义配置运行ng build

时间:2018-11-21 11:39:54

标签: angular typescript angular6 angular7

我有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
});

2 个答案:

答案 0 :(得分:0)

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

所以您需要做的是转到angular.json文件

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

,在这里您需要用这样的文件名替换文件名-

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

答案 1 :(得分:0)

您可以定义不同的环境文件。下面是“ dev”的示例:

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 看看这篇文章:How to set environment via `ng serve` in angular 6