在 vue3 cli 项目中在哪里创建 .env 文件?

Where to create .env file in a vue3 cli project?

提问人:MHSarmadi 提问时间:10/12/2023 更新时间:10/12/2023 访问量:32

问:

我用 Vue3-CLI 构建了一个项目。

我将在我的项目中使用 和 文件。.env.env.development

我创建了这些文件,但不包含我的变量,例如 .process.envSERVER_ROOT

我在 Vue-root 中创建了这些文件(在 Vue 项目中称为 @/)。这不是正确的吗?如果没有,在哪里正确创建文件?.env

注意:我测试过,这是控制台中的结果:console.dir(process.env)

BASE_URL: "/"
NODE_ENV: "development"
vue.js 环境变量 vuejs3 开发环境 生产环境

评论

0赞 kissu 10/12/2023
你可能使用的是 Vite 而不是 Webpack,因此这是相关的:vitejs.dev/guide/env-and-mode.html#env-files
0赞 MHSarmadi 10/12/2023
我没有使用vite friend。
0赞 kissu 10/12/2023
请定义。这?cli.vuejs.org您现在应该使用它:vuejs.org/guide/quick-start.html#creating-a-vue-applicationvue3-cli
0赞 MHSarmadi 10/12/2023
本入门指南将如何指导我开始使用 .env 文件?
0赞 kissu 10/12/2023
我们需要确定您正在使用的捆绑器。这将避免很多痛苦和时间消耗(双方)。或者,您也可以提供一个最小的可重现示例,甚至更好。

答:

0赞 MHSarmadi 10/12/2023 #1

我明白了为什么我不能使用我的环境变量(SERVER_ROOT)

这只是因为 Vue3-CLI 中的每个环境变量都应该以 VUE_APP_ 开头,我试图调用一个 env 变量而不是 VUE_APP_SERVER_ROOTSERVER_ROOT

评论

0赞 kissu 10/12/2023
对于 webpack 是的:cli.vuejs.org/guide/mode-and-env.html#environment-variables 我仍然建议不要使用那个。Vue2 将于今年年底结束生命周期,您可能希望将最新的稳定版 Vue3 和 Vite 作为一个整体使用。
0赞 MHSarmadi 10/12/2023
朋友,我使用 Vue3,但我不使用 Vite 插件。Vue3 不等于 Vite...