Question

在开发中，我在角度服务中使用http://localhost:565565/api/v2从本地服务器检索数据。

现在已经投入生产，我想将该网址更改为https://www.data.com/api/v2。

如何用angluar cli进行更改？我不想手动更改大的main.xxxxxxx.js文件。

直到现在我使用ng build --prod，但这还不够。

Answer 1

使用angular.cli中提供的环境：

用于开发的environment.ts上

export const environment = {
    production: false,
    apiUrl: 'http://localhost:565565/api/v2'
};

用于生产使用的environment.prod.ts：

export const environment = {
      production: true,
      apiUrl: 'https://www.data.com/api/v2'
};

然后，根据运行应用程序的环境，将使用相应的文件。如果运行ng serve环境，则将使用.ts，如果运行ng build，则将使用--prod environment.prod.ts。

此外，您需要将环境导入到ts才能使用apiUrl

ts中的示例

import { environment } from './../environments/environment';

并将其用作environment.apiUrl

Answer 2

使用环境文件：

ng build --environment=production

export const environment = {  
  production: true,
  apiUrl: "prod_Url"
};

export const environment = {  
      production: false,
      apiUrl: "dev_Url"
    };

在构建Angle 6项目时从服务更改URL

2 个答案: