代码之家 › 专栏 › 技术社区 › Snake Eyes

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

angular

1

Snake Eyes · 技术社区 · 8 年前

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

现在在生产中,我想将该URL更改为 https://www.data.com/api/v2 .

如何使用angguar cli进行更改?我不想手动改变大 main.xxxxxxx.js 文件。

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

2 回复 | 直到 7 年前

1

3

kboul 7 年前

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

开发用环境技术

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 environment.ts,则使用;如果运行ng build,则使用prod environment.prod.ts。

此外,还需要将环境导入到TS才能使用apiur

TS中的示例

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

把它当作 environment.apiUrl

2

0

Akj 8 年前

使用环境文件:

ng build --environment=production

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

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