在nuxt项目中配置.env文件

在 Nuxt.js 项目中配置 .env 文件需要以下步骤：

1. 安装 @nuxtjs/dotenv：该模块将.env文件中的变量直接加载到next .js应用程序context和process.env中。
   在你的项目目录下打开命令行，然后运行以下命令进行安装：

npm install @nuxtjs/dotenv

2. 创建 .env 文件：在项目的根目录下创建一个名为 .env 的文件，并在此文件中添加环境变量。例如：

DB_HOST=localhost
DB_USER=root
DB_PASS=s1mpl3

3. 在 nuxt.config.js 中引用 dotenv：首先，你需要在你的 nuxt.config.js 文件的顶部引用 dotenv，然后使用 dotenv.config() 函数来读取 .env 文件的内容。代码示例：

modules: ['@nuxtjs/dotenv'],

nuxtjs/dotenv 还可以加载指定路径下的.env文件，为不同的环境使用不同的配置，限制上下文中访问，忽略系统中的变量等,具体用法访问github

4. 在 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)

最后，无论你在哪里需要使用这些环境变量，只需要用 process.env.YOUR_VARIABLE 即可。

例如，如果你在 .env 文件中定义了一个名为 DB_HOST 的变量，那么你可以通过 process.env.DB_HOST 来引用它。

​注意：出于安全原因，不应将 .env 文件提交到版本控制系统（如 Git）。