在 项目中配置 .env 文件需要以下步骤:
- 安装 @nuxtjs/dotenv:该模块将.env文件中的变量直接加载到next .js应用程序context和中。
在你的项目目录下打开命令行,然后运行以下命令进行安装:
npm install @nuxtjs/dotenv
- 创建 .env 文件:在项目的根目录下创建一个名为 .env 的文件,并在此文件中添加环境变量。例如:
DB_HOST=localhost
DB_USER=root
DB_PASS=s1mpl3
- 在 中引用 dotenv:首先,你需要在你的 文件的顶部引用 dotenv,然后使用 () 函数来读取 .env 文件的内容。代码示例:
modules: ['@nuxtjs/dotenv'],
nuxtjs/dotenv 还可以加载指定路径下的.env文件,为不同的环境使用不同的配置,限制上下文中访问,忽略系统中的变量等,具体用法访问github
- 在 JavaScript 中使用环境变量。例如:
const DB_HOST=process.env.DB_HOST
const DB_USER=process.env.DB_USER
const DB_PASS=process.env.DB_PASS
console.log("DB_HOST=====",DB_HOST)
console.log("DB_USER=====",DB_USER)
console.log("DB_PASS=====",DB_PASS)
最后,无论你在哪里需要使用这些环境变量,只需要用 .YOUR_VARIABLE 即可。
例如,如果你在 .env 文件中定义了一个名为 DB_HOST 的变量,那么你可以通过 .DB_HOST 来引用它。
注意:出于安全原因,不应将 .env 文件提交到版本控制系统(如 Git)。