Laravel Vue 无法加载环境变量答案

【问题标题】：Laravel Vue cannot load env variablesLaravel Vue 无法加载环境变量
【发布时间】：2021-07-11 20:09:25
【问题描述】：

我正在尝试在生产中禁用 Vue Devtools，所以我想在 app.js 中检查 APP_ENV 变量是否等于生产。

到目前为止我做了什么：

在 webpack.mix.js 中

require('dotenv').config();

在 app.js 中

console.log(process.env.APP_ENV)//Undefined

if (process.env.APP_ENV === 'production') {
    Vue.config.devtools = false;
    Vue.config.debug = false;
    Vue.config.silent = true; 
}

环境变量

APP_ENV=production

我阅读了有关添加 MIX_APP_ENV 的文档，因此我可以在 webpack 中注入变量，但它也不起作用。

文件夹结构：

d-----        01-Feb-21  10:31 PM                app
d-----        29-Jan-21  12:12 PM                bootstrap
d-----        29-Jan-21  12:12 PM                config
d-----        30-Jan-21  10:26 PM                database
d-----        16-Apr-21  10:49 PM                node_modules
d-----        29-Jan-21   1:14 PM                public
d-----        29-Jan-21  12:22 PM                resources
d-----        29-Jan-21  12:12 PM                routes
d-----        29-Jan-21  12:12 PM                storage
d-----        29-Jan-21  12:12 PM                tests
d-----        01-Feb-21   9:29 PM                vendor
-a----        29-Jan-21  12:12 PM            220 .editorconfig
-a----        16-Apr-21  10:45 PM            954 .env
-a----        29-Jan-21  12:14 PM            816 .env.example
-a----        29-Jan-21  12:12 PM            111 .gitattributes
-a----        29-Jan-21  12:12 PM            191 .gitignore
-a----        29-Jan-21  12:12 PM            181 .styleci.yml
-a----        29-Jan-21  12:12 PM           1686 artisan
-a----        01-Feb-21  10:41 PM           1793 composer.json
-a----        01-Feb-21  10:41 PM         282388 composer.lock
-a----        16-Apr-21  10:49 PM         531190 package-lock.json
-a----        16-Apr-21  10:49 PM           1103 package.json
-a----        29-Jan-21  12:12 PM           1202 phpunit.xml
-a----        29-Jan-21  12:12 PM           3780 README.md
-a----        29-Jan-21  12:12 PM            563 server.php
-a----        16-Apr-21  10:55 PM            578 webpack.mix.js

【问题讨论】：

设置MIX_APP_ENV后是否重新运行npm run watch？而在 js 中应该还是process.env.MIX_APP_ENV?
是的，我已经这样做了，我还使用了 php artisan optimize 来清除所有内容。
你能和我们分享一下项目目录树吗？因为 Dotenv 检查应用程序根目录并获取 .env 文件，可能是它正在从另一个目录中搜索 .env 文件，要检查目录是否是根目录，您需要检查里面是否有 package.json它。
我添加了文件夹结构。 @DaviMendesDev

标签： javascript laravel vue.js webpack

【解决方案1】：

我发现如果 npm run watch 已经在运行，您需要重新运行它，这才是真正的问题。

【讨论】：