时间戳

首页 > 解决方案 > 构建 Angular 6 项目时从服务更改 url

angular - 构建 Angular 6 项目时从服务更改 url

问题描述

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

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

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

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

标签： angulartypescript

解决方案

使用 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 environment.ts 将被使用，如果你运行 ng build --prod environment.prod.ts 将被使用。

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

ts中的例子

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

并将其用作environment.apiUrl

推荐阅读