typescript 在构建Angular应用程序时,有没有一种方法可以通过CLI传递参数?

juzqafwq  于 2023-11-20  发布在  TypeScript
关注(0)|答案(1)|浏览(117)

我使用的是Angular 16,我有一个特定的场景:我的应用程序将在许多机器上本地运行,每台机器都有一个不同的ip,这意味着每个服务器的url都是不同的。目前,我从environment.ts获取这个url,如下所示:

export const environment = {
    apiUrl: 'http://11.22.33.44:5678/',
};

字符串
目前,每次我需要构建应用程序时,我都会手动更改 url。我想通过CLI命令来完成此操作。即ng build --configuration=production --serverUrl=http://55.66.77.88:5678/
这是我的angular.json * 生产 * 部分

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


我读过this question,但它说我需要为每个场景创建一个环境,它不是完全动态的。

5fjcxozz

5fjcxozz1#

首先,尝试为apiUrl设置占位符值:

export const environment = {
    apiUrl: 'PLACEHOLDER_VALUE',
};

字符串
然后,在构建项目时,您可以使用--env选项来指定apiUrl环境变量值,如:

ng build --configuration=production --env.apiUrl='YOUR_ACTUAL_API_HERE'

相关问题