时间戳

首页 > 解决方案 > 将 Laravel .env 变量添加到 Vue 组件

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

问题描述

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

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

MIX_VAR=key

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

console.log(process.env.MIX_VAR);

结果我一直不确定。

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

标签： laravelvue.jsenvironment-variableslaravel-mix

解决方案

在窗口中：

这对我有用，不需要 webpack.mix

...只需在 env 文件中添加一个带有此前缀的新变量：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 中：

我还没有使用它们

推荐阅读