Angular CLI:在构建时更改REST API URL

前端之家收集整理的这篇文章主要介绍了Angular CLI:在构建时更改REST API URL前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在构建生产(ng build –prod)时从我的REST API URL(例如,http://localhost:8080)中删除我的本地服务器前缀.

我知道这与环境文件environment.prod.ts有关,但找不到任何利用它们实现上述内容的例子.

如果有人帮我开始会很棒!

不要硬编码URL.
使用src / environments中的environment.prod.ts和environment.ts文件.
对于localhost,在environment.ts文件中使用一些变量来保存您的URL.
export const environment = 
{
    production: false,API_URL: 'http://localhost:8080',};

用于生产,在environment.prod.ts

export const environment = 
{
    production: true,API_URL: 'http://api.productionurl.com',};

代码中使用时导入变量,

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

private API_URL= environment.API_URL;

无论何时用于生产,都使用angular cli命令选项

ng build --env=prod

当前环境的文件内容将在构建期间覆盖这些内容.
构建系统默认使用使用environment.ts的开发环境,但如果你这样做
ng build –env = prod然后将使用environment.prod.ts.
可以在.angular-cli.json中找到哪个env映射到哪个文件的列表.

如需更多查询,请参阅
https://angular.io/guide/deployment

猜你在找的Angularjs相关文章