在 Vue CLI 2 中,需要安装 dotenv 包来加载和使用环境变量。
步骤:
-
安装 dotenv:首先安装 dotenv 包
npm install dotenv --save
-
创建 .env 文件:在项目的根目录下创建一个 .env 文件,并在其中定义你的环境变量。例如:
DEFAULT_PASSWORD=Etop@123
-
加载 .env 文件:在你的项目入口文件(通常是 main.js 或 index.js)中,添加以下代码来加载 .env 文件:
require('dotenv').config();
-
使用环境变量:现在你可以在代码中使用 process.env.YOUR_ENV_VAR 来访问你在 .env 文件中定义的环境变量。例如:
createUser(row) { this.user = { password: process.env.DEFAULT_PASSWORD }; // 使用环境变量中的默认密码 this.$nextTick(() => { this.dialogTableVisible = true; }); }