简介
.env
文件是用来自定义配置的一个简单方法,可以将一些不能在代码中存储的敏感/账号数据从代码中剥离出来,作为环境变量存储在环境中。
1 在根目录下添加.env
文件
DB_HOST=127.0.0.1
DB_NAME=timeseriesmonitor
DB_PORT=5432
DB_USER=tsm
DB_UNSECURE=true
2 引入dotenv
dotenv
是一个 NPM 包,其作用为将.env
文件解析为 json 对象,并对其中的key-value
对通过process.env
将其赋值为环境变量。之后便可通过process.env[key]
,eg: process.env.DB_HOST
获取环境变量。
npm install dotenv
let dotenv = require("dotenv");
dotenv.config("./env");
console.log(process.env);
环境配置文件
.env
——全局默认配置文件,无论什么环境都会加载合并.env.development
——开发环境下的配置文件.env.production
——生产环境下的配置文件
执行启动命令后会自动加载对应的环境,vue 是根据文件名进行加载的
如执行 npm run serve
,会自动加载.env.development
文件。
命名规则
属性名必须以VUE_APP_
开头,比如VUE_APP_XXX
变量使用
.env
文件中的路径变量命名为 VITE_APP_XXX
VUE_APP_XXX
Vite (Node 环境)中用process.env.VITE_APP_XXX
访问.env
文件中的 VUE_APP_XXX
Vue (浏览器环境)中用 import.meta.env.VUE_APP_XXX
访问.env
文件中的 VUE_APP_XXX