将 Laravel .env 变量添加到 Vue 组件

Question

我想使用 Vue JS 访问 .env 变量。

在我的 .env 文件中，我向 var 添加了“MIX_”前缀。

 MIX_VAR=key

然后在 vue 组件中，我在 created() 中：

 console.log(process.env.MIX_VAR);

结果我一直不确定。

我已经尝试清除配置缓存，但仍然遇到同样的问题。有任何想法吗？

原文由 Adnan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您必须为要替换的环境变量构建 JS。您可以使用 npm 或 yarn

https://laravel.com/docs/5.7/mix#running-mix

原文由 Darryl E. Clarke 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在窗口中：

那对我有用，在 webpack.mix 中没有任何要求

…只需在带有此前缀的环境文件中添加一个新变量： MIX_

 MIX_API_URL=http://laravel:8000

但需要重新启动 php artisan serve 并重新启动 npm run watch ….

   let api_url = process.env.MIX_API_URL;
  console.log("my env variable:");
  console.log(api_url);

在 Linux 或 Docker 中：

我还没用

原文由 saber tabatabaee yazdi 发布，翻译遵循 CC BY-SA 4.0 许可协议