一、介紹

1、process

process是 nodejs 下的一個全局變量，它存儲著 nodejs 中進程有關(guān)的信息。

2、process.env

env 是 environment 的簡稱，process.env屬性返回一個包含用戶環(huán)境的對象。

3、dotenv

Dotenv 是一個零依賴的模塊，它能將環(huán)境變量中的變量從 .env 文件加載到 process.env 中。

在終端中輸入node進入node環(huán)境再輸入process.env，可以打印出信息如下圖：

二、使用

1、在nodejs中使用

1、安裝

npm install dotenv

2、根目錄下創(chuàng)建 .env 文件

HOST = localhost
PORT = 8080

3、入口文件中引入 dotenv 并使用

require("dotenv").config({path: '.env'})
console.log(process.env.HOST); // localhost
console.log(process.env.PORT); // 8080

2、在vue中使用

在使用腳手架創(chuàng)建項目的時候，會自動安裝dotenv，可以從package-lock.json中找到配置

在main.js入口文件中打印

console.log(process.env);

可以看出，默認的模式是development即開發(fā)模式。

模式

官網(wǎng)描述如下：https://cli.vuejs.org/zh/guide/mode-and-env.html

也就是說，在Vue中， NODE_ENV 可以通過 .env 文件或者.env.[mode]文件配置。配置過后，運行 Vue CLI 指令（ npm run dev(serve) ，npm run build ）時，就會將該模式下的NODE_ENV載入其中了。而這些命令，都有自己的默認模式：

• npm run dev(serve) ，其實是運行了 vue-cli service serve ，默認模式為 development ?？梢栽?.env.development 文件下修改該模式的 NODE_ENV 。
• npm run build ，其實運行了 vue-cli service build ，默認模式為 production ?？梢栽?code> .env.production 文件下修改該模式的 NODE_ENV 。

在根目錄下創(chuàng)建文件

NODE_ENV = production

注意：只有 NODE_ENV，BASE_URL 和以 VUE_APP_ 開頭的變量將通過 webpack.DefinePlugin 靜態(tài)地嵌入到客戶端側(cè)的代碼中。這是為了避免意外公開機器上可能具有相同名稱的私鑰。

NODE_ENV = development
VUE_APP_BASE_API = 'http://localhost:8099/'

再打印 process.env的信息如下：

注意：.env 環(huán)境文件是通過運行 vue-cli-service 命令載入的，因此環(huán)境文件發(fā)生變化，你需要重啟服務(wù)。

除了以上的修改方式外，也可以在命令后直接使用--mode參數(shù)手動指定模式。

到此這篇關(guān)于vue中process.env的具體使用的文章就介紹到這了,更多相關(guān)vue process.env內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論