Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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

大佬总结

以上是大佬教程为你收集整理的Angular CLI:在构建时更改REST API URL全部内容,希望文章能够帮你解决Angular CLI:在构建时更改REST API URL所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。