【Nuxt3】环境文件.env的使用

简言

记录下环境文件.env的用法。

.env

.env 文件指定了构建/开发时的环境变量。

在开发模式下以及运行 nuxi build 和 nuxi generate 时，Nuxt CLI 内置了 dotenv 支持。

除了任何进程环境变量外，如果你在项目根目录下有一个 .env 文件，它将在开发、构建和生成时自动加载。在该文件中设置的任何环境变量都可以在 nuxt.config 文件和模块中访问。

.env :

MY_ENV_VARIABLE=hello

但是我们一般都是至少两个环境变量文件：开发环境和正式环境。
如果想使用不同的文件，例如 .env.local 或 .env.production，可以在使用 nuxi 时通过 --dotenv 标志来实现。
示例：

nuxt --dotenv .env.local

nuxt build --dotenv .env.production

然后根据需求在配置文件里引入，最常见的是在runtimeConfig(运行时配置)里引入。

使用：

const runtimeConfig = useRuntimeConfig();
  console.log(runtimeConfig.public.baseUrl);

打包后

服务器构建完成后，您需要在运行服务器时设置环境变量。
此时将不会读取您的 .env 文件。具体方法因环境而异。
对于本地生产预览，我们建议使用 nuxi preview，因为使用该命令，.env 文件将加载到 process.env 中，以方便使用。请注意，该命令需要在软件包目录中安装依赖项。
或者，也可以使用终端将环境变量作为参数传递。例如，在 Linux 或 macOS 上：

DATABASE_HOST=mydatabaseconnectionstring node .output/server/index.mjs

请注意，对于纯静态网站，无法在项目预渲染后设置运行时配置。

结语

结束了。