简言
记录下环境文件.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
请注意,对于纯静态网站,无法在项目预渲染后设置运行时配置。
结语
结束了。