推荐答案
npm install @nuxtjs/dotenv
在 nuxt.config.js 中配置：
-- -------------------- ---- -------
------ ------- -
-------- -
----------------
--
---- -
-------- --------------------
--------- --------------------
-
-在 .env 文件中定义环境变量：
API_KEY=your_api_key BASE_URL=https://api.example.com
本题详细解读
1. 安装 @nuxtjs/dotenv 模块
首先，你需要通过 npm 或 yarn 安装 @nuxtjs/dotenv 模块：
npm install @nuxtjs/dotenv
或者使用 yarn：
yarn add @nuxtjs/dotenv
2. 配置 nuxt.config.js
安装完成后，你需要在 nuxt.config.js 文件中引入并配置 @nuxtjs/dotenv 模块。在 modules 数组中添加 @nuxtjs/dotenv，并在 env 对象中定义你需要使用的环境变量。
-- -------------------- ---- -------
------ ------- -
-------- -
----------------
--
---- -
-------- --------------------
--------- --------------------
-
-3. 创建 .env 文件
在项目的根目录下创建一个 .env 文件，并在其中定义你的环境变量。例如：
API_KEY=your_api_key BASE_URL=https://api.example.com
4. 使用环境变量
在代码中，你可以通过 process.env 来访问这些环境变量。例如：
const apiKey = process.env.API_KEY; const baseUrl = process.env.BASE_URL;
5. 注意事项
- 确保
.env文件不被提交到版本控制系统中（例如 Git），以避免敏感信息泄露。你可以在.gitignore文件中添加.env。 - 如果你有多个环境（如开发环境、测试环境、生产环境），可以为每个环境创建不同的
.env文件，例如.env.development、.env.production等，并在启动应用时指定环境。
通过以上步骤，你就可以在 Nuxt.js 项目中成功使用 @nuxtjs/dotenv 模块来管理环境变量了。