Env

Posted by huangqing on April 13, 2021

简介

.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

参考

Nodejs 环境下.env 配置环境变量(附源码分析)