關于如何在部署環境修改process.env & 本地測試

missonce 發布于2019-08-23 12:12 / 2578人閱讀

摘要：前言最近在搞一些監控的東西，需要根據不同的環境上報到不同的地址，中間遇到了一些問題，在這里簡單總結分享下。關于假如你對相關的概念還不熟悉，請移步環境變量的那些事兒這篇文章總結的比較好。作為一個對象，它對于應用程序始終是可用的，故無需使用。

前言

最近在搞一些監控的東西，需要根據不同的環境上報到不同的地址，中間遇到了一些問題，在這里簡單總結分享下。

關于process.env

假如你對process.env 相關的概念還不熟悉，請移步：
Node環境變量 process.env 的那些事兒 , 這篇文章總結的比較好。

webpack 在構建的時候，可以為process.env 賦值：

// Do this as the first thing so that any code reading it knows the right env.
process.env.BABEL_ENV = "development";
process.env.NODE_ENV = "development";


// Do this as the first thing so that any code reading it knows the right env.
process.env.BABEL_ENV = "production";
process.env.NODE_ENV = "production";

process 對象是一個 global （全局變量），提供有關信息，控制當前 Node.js 進程。作為一個對象，它對于 Node.js 應用程序始終是可用的，故無需使用 require()。

假如你需要根據不同的部署環境做一些區分，比如：

if (process.env.env === "test") {
  BASE_API_1 = "xxx
} else if (process.env.env === "uat") {
  BASE_API_1 = "xxx
} else if (process.env.env === "staging") {
  BASE_API_1 = "xxx
} else if (process.env.env === "live") {
  BASE_API_1 = "xxx"
} else {
  BASE_API_1 = "xxx";
}

比如用的是jenkins, 構建的時候會自動給環境變量加一個env 屬性，也就是上面看到的env.env, 不同的環境會有不同的值，比如 uat, staging, live;

本地構建的時候，是取不到這個值的，因為沒有這個環境。但是你也可以手動來賦值，比如給env.env 賦值為"test", 就可以在終端執行：

env=test yarn start

隨便打印一下：

console.log(process.env.env);

這樣就可以了 :)

希望對大家有所啟發，謝謝。

云服務器 GPU云服務器本地測試環境網站本地測試環境測試環境部署部署測試環境

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98110.html

實戰Vue簡易項目（2）定制開發環境

摘要：至于，為什么跟蹤文件因為這個功能是開發環境下獨有的，要修改開發環境吖，必然找開發環境的配置文件進行跟蹤。測試可行性重啟項目后，在瀏覽器中輸入是你本地，可通過查看能夠訪問，就說明局域網內的其他端可以訪問。然而，這樣并沒有結束。本章內容包含上一章思考的解決，還有一些其它的定制... CSS預處理關于對.vue文件模塊處理規則的配置依次可在build/webpack.base.conf....

woshicixide 2019-08-23 10:33 評論0 收藏0
Vue-項目從本地搭建到線上部署（wǒ shì biaō tí dǎng）

摘要：放置在目錄下或通過絕對路徑被引用。對于相關來說，我們推薦使用而不是直接鏈式指定。在不更改配置文件的情況下，前端頁面迭代發布，不需要重啟服務。作者：gauseen 0. 關于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式框架，易用、靈活、高效。生態系統項目介紹 awesome-vue Vue.js 相關很棒的...

Arno 2019-08-26 13:49 評論0 收藏0
前端自動部署 - Shell腳本

前言前端部署服務器，需要經過打包、遷移、部署、回退操作，如果每次都手動處理，那么容易出錯還浪費時間，自動化部署又比較復雜，那么選擇shell腳本做自動化，也是一個不錯的選擇，具體實現如下：項目環境執行自動化構建的前端項目myweb項目通過命令構建測試環境文件或生產環境文件linux服務器，nginx部署項實現原理一、構建一個前端項目通過cra構建前端項目，修改配置文件，通過傳遞配置參數，配置測試環...

社區管理員 2022-10-08 14:51 評論0 收藏0
使用Docker-compose打包整個網站項目一鍵部署

一、前言我們常常見到很多比較棒的開源項目，但在本地安裝運行的話就會很復雜，要配置不同的環境，安裝不同的依賴，好一點的會用docker直接拉取，或者打包好。這些無疑都會增加初學者上手的成本，所以這篇文章總結了下目前比較常用的解決方法之一：使用docker-compose同時管理多個服務，只需要一行命令docker compose up -d，就可以啟動一個包含后端項目、前端項目、數據庫的完整服務。而...

社區管理員 2022-10-08 14:56 評論0 收藏0
業務代碼如何判斷生產/開發環境

摘要：開發環境和生產環境分離的原因在開發時，會產生或者是測試的代碼，這些代碼不應該出現在生產環境中。當項目部署時，往往會將代碼進行一系列的壓縮來優化它，如此會徹底破壞代碼的可讀性。方案二使用這個參數來辨別開發環境。開發環境和生產環境分離的原因在開發時，會產生 debug 或者是測試的代碼，這些代碼不應該出現在生產環境中。當項目部署時，往往會將代碼進行一系列的壓縮來優化它，如此會徹底破壞代...

Jackwoo 2019-08-23 11:34 評論0 收藏0