angular6 + ng-zorro鹿途後臺管理系統（三）環境變量配置

爲何要配置多個環境變量？由於在實際的開發中，可能存在開發、測試或者正式多個環境變量，咱們但願以一種輸入不一樣的參數來切換不一樣環境的工做模式，因此須要配置多個環境變量。

環境變量配置在environments文件下，默認狀況下存在environment.prod.ts和environment.ts兩個文件，environment.prod.ts文件中的參數production是true，environment.ts文件中的參數

production是false,這個參數就是來區分是否爲生產環境。

鹿途系統但願新增一個本地開發環境，咱們就在environments中新增一個本地環境變量，也就是新增一個environment.local.ts文件,推薦的命名的規則是environment + (本地、測試、生產)，好比咱們想新增一個demo環境，咱們就在environments中新增一個environment.demo.ts。

環境變量配置完成後，咱們接下來就要實現，輸入不一樣的參數來切換不一樣的工做環境；咱們在angular.json文件（projects/項目名/architect/configurations)下新增配置，以下鹿途爲local變量新增的配置

 "local": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.local.ts"
                }
              ]
            }　　

接下里咱們在（ architect/serve/configurations)新增以下配置

 "local": {
              "browserTarget": "productShipment:build:local"
            }

以上兩步完成後我就能夠經過輸入不一樣的參數來切換不一樣的工做環境，命令以下：

ng s -c local/prod

 

angular6以前環境變量配置方法：https://www.cnblogs.com/zry2510/p/9239551.html

 

 

項目github地址： https://github.com/ZhouRenYou/ng-deerway
項目預覽地址（非實時更新）： https://zhourenyou.github.io/web-deerway/passport/login