文件名默认.env
当我我们可以取名叫
.env.test
.env.dev
.env.prod
注意文件里面的不要存在引号
DB_HOST=localhost
DB_USER=root
ps1:那么在nuxtjs中怎么让我们的变量支持服务器和客户端呢?
可以在nuxt.config.js再次定义env的变量把值给过去
env: {
COOKIE_DOMAIN: process.env.COOKIE_DOMAIN,
}
ps2:nuxtjs中模块试用方法
// [’@nuxtjs/dotenv’, { filename:
.env.${process.env.NODE_ENV}
}],
这里可以是path可以是file 可以是是filename
ps3:如果在配置文件需要使用.env的变量
require(‘dotenv’).config这个官方也有说明。不过要注意闭坑
这里的path、debug参数可以自己输入,path需要全路径,不然默认获取.env的文件的变量,并且内容无法覆盖
[dotenv][DEBUG] “COOKIE_DOMAIN” is already defined in process.env and
will not be overwritten [dotenv][DEBUG] “LOGINMODE” is already defined
in process.env and will not be overwritten
所以解决办法:
import path from ‘path’; // 这步一定要,否则会报错
//获取系统的真实目录地址,可以有很多方法
const rootPath = path.resolve(process.cwd(),
.env.${process.env.NODE_ENV}
);
然后根据我们的当前的环境切换不同的配置来获取
require(‘dotenv’).config({ path: rootPath })
插件地址:
https://www.npmjs.com/package/dotenv
项目源码地址:
https://gitee.com/shuogesha/boot-mongo-admin
文件名默认.env当我我们可以取名叫.env.test.env.dev.env.prod注意文件里面的不要存在引号DB_HOST=localhostDB_USER=rootps1:那么在nuxtjs中怎么让我们的变量支持服务器和客户端呢?可以在nuxt.config.js再次定义env的变量把值给过去env: {COOKIE_DOMAIN: process.env.COOKIE_DOMAIN,}ps2:nuxtjs中模块试用方法// [’@nuxtjs/dotenv’, { fi
今天看一个大神的写的代码,发现他的
配置
文件是在.
env
文件中,有点类似于
vue
-cli3的
环境
变量参数,误以为是node
js
环境
自带的,结果查做了测试,发现node
js
没有这个
配置
,结果是使用了“
dot
env
”插件
dot
env
的作用
将.
env
文件中的
配置
文件转为 process.
env
变量的值
一个,使用初始化所有脚本
yarn plugin import https://unpkg.com/yarn-plugin-
dot
env
/bundles/@yarnpkg/plugin-
dot
env
.
js
将
环境
变量为KEY=VALUE对的.
env
文件放在
项目
目录中。
运行您的任何程序包脚本,例如yarn run build 。
npm install
dot
env
-
webpack
--save-dev
dot
env
-
webpack
包装
dot
env
和
Webpack
.DefinePlugin 。 这样,它将文本替换为process.
env
所有实例的结果包中。
您的.
env
文件可以包含敏感信息。 因此,
dot
env
-
webpack
只会将在您的代码中显式引用的
环境
变量公开给最终的包。
无需任何
配置
即可安装该插件。 安装完成后,您可以像使用
dot
是一种管理
环境
变量的绝妙而有用的方法。 我想在与
webpack
一起使用前端
项目
时保持美好时光。
npm i --save-dev
webpack
-
dot
env
-plugin
webpack
-
dot
env
-plugin 使用来读取和检查
环境
变量。 可以传递给
dot
env
-safe的相同选项可以传递给此插件。
然后, .
env
列出的
env
var读取,解析并导出到字符串化的process.
env
以便可以将其捆绑以与
webpack
一起使用。
外部设置的
环境
变量将覆盖.
env
设置的.
env
。
//
webpack
.config.
js
const
Dot
env
Plugin = require ( '
webpack
-
dot
env
-plugin' ) ;
module . exports = {
在使用阿里云的函数计算时,使用了其一键部署工具fun, fun 在使用时需要
配置
ACCOUNT_ID、REGION、ACCESS_KEY_ID、ACCESS_KEY_SECRET=xxxxxxxxxx等信息。 在使用时直接在根目录下创建.
env
文件,并写入
ACCOUNT_ID=xxxxxxxx
REGION=cn-shanghai
ACCESS_KEY_ID=xxxxxxxxxxx...
之前我总结过使用react-scripts如何通过
env
进行
环境
配置
(原文),但是我们在
打包
的时候常用的是
webpack
。所以我针对
webpack
总结了一下如何使用
env
进行
环境
配置
。
首先我们需要安装相应的插件,我将我的package.
js
on放在下面了,大家按需安装吧。
"name": "react-remplate",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/polyfill": "
–inspect-brk是打开node的debugger模式
"scripts": {
"start:dev": "node -r
dot
env
/config scripts/start.
js
dot
env
_config_path=.
env
.dev",
"build:one": "node --inspect-brk -r
dot
env
/config scripts/build.
js
dot
env
_config_path=.
env
.one",
"test":
Java Runtime (class file version 55.0), this version of the Java Runtime only recognizes class file
25898