angular4 环境变量配置

好久没有来了，今天风和日丽，就来分享个小知识，不扯淡，直接进入主题：

需求：使用angular实现前后分离开发，必然遇到环境问题，比如：

在本地开发你需要请求的地址是：www.bendi.com

在内部测试的时候你需要请求的地址是：www.dev.com

在给测试人员测试的地址是：www.staging.com

最后再正式上给用户使用的地址是：www.prod.com

问题来了，那是不是每次我们编译生成对应环境的代码都要去修改一下请求地址呢？如果你这样做的话，没毛病，但是会抓狂，而且容易出错。

如果你公司需要走自动发布流程的话，问题就来了，你不可能每一个环境的自动发布代码不一样，这样合并的时候会有麻烦，而且不同环境代码不相同，这个也说不同。

怎么解决呢？这个时候我们自然而然就希望编译的时候编译器知道我们想要编译到那个环境，然后产出正确的代码

使用angular-cli编译就有个傻瓜式的解决方案，环境变量

在你的src/environments目录下有几个文件，他们分别是每个环境对于的配置：

1.比如environment.dev.ts对应的就是dev环境，你有多少个环境这里就新建多少个文件

2.去到angular-cli.json文件找到environments这个属性进行配置，比如：

"environments": {

"local": "environments/environment.ts",

"dev": "environments/environment.dev.ts",

"staging": "environments/environment.staging.ts",

"prod": "environments/environment.prod.ts"

}

local这些属性名是一会执行编译命令需要传递的参数，你传递那个属性名，编译就会读取那个文件：

比如：ng s --env=local，这个时候编译会读取environments/environment.ts这个文件

3.在我们需要使用环境变量的地方引入环境变量文件：

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

这里有些朋友可能觉得奇怪，这样写死的引入environment，不会有问题吗？

过来人告诉你，就是这样的，不要怀疑，angular-cli已经做了处理，你传递参数编译，这里会动态读取对应的文件，而且这里在需要使用的地方直接使用environment;

你如果觉得不放心，打印一下看看；

问题完美解决，不扯淡了，还有好多个bug要写。。。。。。。。。。。。。。。

angular4 环境变量配置相关推荐

Texlive安装与环境变量配置
下载安装:https://www.jianshu.com/p/25896cc05cb4 去官网下载速度很快环境变量配置:https://www.jianshu.com/p/f8f6c255098c
Linux下环境变量配置方法梳理（.bash_profile和.bashrc的区别）
博客园首页新随笔联系管理订阅 <div class="blogStats"> 随笔- 556 文章- 38 评论- 77 ...
【CV】Python下载安装及环境变量配置教程
目录 Python下载 Python安装 Python环境变量配置 Python下载可通过https://www.python.org/downloads/下载 1.进入网页后点击Windows,其 ...
MySQL下载与安装教程以及环境变量配置
MySQL下载 1 搜索mysql 选择mysql downloads 如下 2 点击滑动到底部选择社区版本(免费) 如下 3 选择Community Server 如下 4 选择对应的版本下载我选 ...
JAVA环境变量配置与配置后CMD的使用
JAVA环境变量配置: 直接在环境变量Path(或PATH,大小写无所谓)里加上 :JDK安装路径名/bin 也可以先设JAVA_HOME然后再设JAVA_HOME/bin,但必须是在同一区域中进行设 ...
java记事本环境变量_java环境变量配置以及用记事本写程序
1.环境变量配置在安装JDK之后,Java总共需要配置三个环境变量,分别是JAVA_HOME.PATH.CLASSPATH,JAVA_HOME用于配置JDK安装路径,PATH用于配置JDK命令文件的 ...
java开发环境变量配置-JDK11-（win10），重启之后环境变量配置失效的解决办法
win10安装jdk11及环境变量配置如果你之前已经安装过java的老版本的话,建议先卸载一下,同时删除掉环境变量的配置,这样比较容易一次性成成功,直接到设置里面应用程序找到java卸载就好下载J ...
Windows XP下，JDK环境变量配置
2019独角兽企业重金招聘Python工程师标准>>> 1.安装JDK,安装过程中可以自定义安装目录等信息,例如我们选择安装目录为D:\java\jdk1.5.0_08: 2.安装完 ...
超详干货！Linux 环境变量配置全攻略
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达本文转自|机器学习实验室 Linux环境变量配置在自定义安装软件 ...

angular4 环境变量配置

angular4 环境变量配置相关推荐

最新文章

热门文章