架构师_程序员_码农网

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

搜索
查看: 2186|回复: 0

[Angular] Angular 18 系列(二十)环境变量 Environments 使用

[复制链接]
发表于 2024-8-2 09:35:11 | 显示全部楼层 |阅读模式
需求:项目发布一般都会包含开发、测试、生产等环境,每一个环境都可能会有不同的配置信息,例如:接口地址、密钥等信息不一致,如何通过环境变量 Environments 的配置,来编译生成不同的发布包,而不需要每次切换不同的环境都需要改动代码

使用 angular-cli 脚手架创建配置文件,命令如下:

该命令会创建两个文件:

  • src/environments/environment.ts
  • src/environments/environment.development.ts


同时,也会修改 angular.json 中的配置,如下:

QQ截图20240802092559.jpg

项目的 src/environments/ 目录包含基本配置文件,environment.ts 该文件为默认生产(production)环境提供配置。

environment.ts 配置如下:

environment.development.ts 配置如下:

在项目需要使用到环境配置的时候,只需要引用 import { environment } from '../environments/environment'; 即可。

使用开发、生产环境启动分别测试,命令如下:

如下图:

QQ截图20240802093433.jpg QQ截图20240802093406.jpg

参考:超链接登录可见。





上一篇:前端工具 prettier 来美化格式化你的代码
下一篇:Angular 18 系列(二十一)Router 路由变化事件
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:help@itsvse.com

QQ|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2025-6-16 07:11

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表