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

发布时间：2020-12-17 08:21:52 所属栏目：安全来源：网络整理

导读：我想在构建生产(ng build –prod)时从我的REST API URL(例如,http://localhost:8080)中删除我的本地服务器前缀. 我知道这与环境文件environment.prod.ts有关,但找不到任何利用它们实现上述内容的例子. 如果有人帮我开始会很棒！不要硬编码URL. 使用src / en

我想在构建生产(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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!