我們在使用命令進行操作的時候,經(jīng)常會遇到這樣那樣的問題,所以程序員在部署的時候一定要注意前后端的切換,下面是錯新技術頻道小編帶給大家的Node.js中環(huán)境變量process.env的一些事詳解,希望能幫到您。
Node環(huán)境變量
首先,咱們在做react、vue的單頁應用開發(fā)的時候,相信大家對配置文件里的process.env并不眼生。
想不起來? 黑人問號.jpg。
就是下面這些玩意兒。

從字面上看,就是這個 env屬性,在 development和production不同環(huán)境上,配置會有些不同。
行,那下面我們開始看看這個所謂的 process到底是個什么東西。
文檔:http://nodejs.cn/api/process.html
官方解釋:process 對象是一個 global (全局變量),提供有關信息,控制當前 Node.js 進程。作為一個對象,它對于 Node.js 應用程序始終是可用的,故無需使用 require()。
process(進程)其實就是存在nodejs中的一個全局變量。
然后呢,咱們可以通過這個所謂的進程能拿到一些有意思的東西。
不過我們今天主要是講講 process.env。
process.env
這是啥?
官方: process.env屬性返回一個包含用戶環(huán)境信息的對象。
文檔:http://nodejs.cn/api/process.html#process_process_env
噢噢噢,原來著個屬性能返回項目運行所在環(huán)境的一些信息。
有啥用呢?
很明顯的一個使用場景,依靠這個我們就可以給服務器上打上一個標簽。這樣的話,我們就能根據(jù)不同的環(huán)境,做一些配置上的處理。比如開啟 sourceMap,后端接口的域名切換等等。
你是 dev 環(huán)境他是 uat 環(huán)境她是 product 環(huán)境。
如何配置環(huán)境變量
下面講講如何配置各個環(huán)境的環(huán)境變量。
Windows配置
臨時配置
直接在cmd環(huán)境配置即可,查看環(huán)境變量,添加環(huán)境變量,刪除環(huán)境變量。
#node中常用的到的環(huán)境變量是NODE_ENV,首先查看是否存在 set NODE_ENV #如果不存在則添加環(huán)境變量 set NODE_ENV=production #環(huán)境變量追加值 set 變量名=%變量名%;變量內容 set path=%path%;C:/web;C:/Tools #某些時候需要刪除環(huán)境變量 set NODE_ENV=
永久配置
右鍵(此電腦) -> 屬性(R) -> 高級系統(tǒng)設置 -> 環(huán)境變量(N)...
Linux配置
臨時
查看環(huán)境變量,添加環(huán)境變量,刪除環(huán)境變量
#node中常用的到的環(huán)境變量是NODE_ENV,首先查看是否存在echo $NODE_ENV#如果不存在則添加環(huán)境變量export NODE_ENV=production#環(huán)境變量追加值export path=$path:/home/download:/usr/local/#某些時候需要刪除環(huán)境變量unset NODE_ENV#某些時候需要顯示所有的環(huán)境變量env
永久
打開配置文件所在
# 所有用戶都生效vim /etc/profile# 當前用戶生效vim ~/.bash_profile
在文件末尾添加類似如下語句進行環(huán)境變量的設置或修改
# 在文件末尾添加如下格式的環(huán)境變量export path=$path:/home/download:/usr/local/export NODE_ENV = product
最后修改完成后需要運行如下語句令系統(tǒng)重新加載
# 修改/etc/profile文件后source /etc/profile# 修改~/.bash_profile文件后source ~/.bash_profile
解決環(huán)境導致后端接口變換問題
搞清楚這個問題后,我們就可以在不同環(huán)境的機器上設置不同的 NODE_ENV,當然這個字段也不一定。
你也可以換成其他的NODE_ENV_NIZUISHUAI等等,反正是自定義的。
解決步驟
1.修改代碼里的后端地址配置
很簡單,就是利用 process.env.NODE_ENV這個字段來判斷。(process是node全局屬性,直接用就行了)

2.在linux上設置環(huán)境變量
export NODE_ENV=dev
然后你就可以去愉快的啟動項目玩了。
說在最后
因為我現(xiàn)在這個項目 React 服務端渲染。所以后端的請求轉發(fā)就沒交給nginx進行處理。
像平常的純單頁應用,一般是用nginx進行請求轉發(fā)的。
本篇成文比較快,哈哈,如果文內有任何的紕漏,還請指點,我也就學習學習啦。
另外,如果這篇小小的文章對你帶來幫助,不妨給我點個贊吧,這將是我繼續(xù)下的一大動力。
謝謝~~
參考文獻
注: 【如何配置環(huán)境變量】這一塊的內容,是直接引用的 JasperXu的博客 的環(huán)境變量。
以上就是錯新技術頻道小編介紹的Node.js中環(huán)境變量process.env的一些事詳解,你都學會掌握了嗎?以后我們會繼續(xù)對環(huán)境變量進行更深入的解析,為您的學習之路添磚加瓦。
新聞熱點
疑難解答
圖片精選