Angular8：HttpClient发布到服务器的地址

Question

在开发过程中，我的服务器在localhost上运行。 所以我的代码是：

this.http.post ('http://localhost:8000',body).subscribe(...

但是在部署之后，我的服务器正在另一个IP上运行（例如128.3.130.61） 该远程PC也包含“ dist”文件夹。

我希望http.post中的地址始终是服务器的地址。

如何在不运行“ ng build”的情况下做到这一点？

谢谢你， 兹维卡

Answer 1

使用环境文件来管理这些URL。环境文件夹下将有两个文件environment.prod.ts和environment.stage.ts，可用于动态更改这些URL。

environment.ts

export const environment = 
{
    production: false,
    API_URL: 'http://localhost',
};

environment.prod.ts

export const environment = 
{
    production: true,
    API_URL: 'https://128.3.130.61',
};

将此环境导入您各自的服务中并相应地使用它。

app.service.ts

import { environment } from '../../environments/environment';
private API_URL= environment.API_URL;

在生产期间，将命令提及为

ng build --env=prod

希望有帮助！