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

问题描述 投票:2回答:2

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

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

MIX_VAR=key

然后在vue组件中,我在created()中:

console.log(process.env.MIX_VAR);

结果我不断定义。

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

laravel vue.js environment-variables laravel-mix
2个回答
8
投票

您必须为要替换的env变量构建JS。你可以用npmyarn做到这一点

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


4
投票

来自官方文档@ https://laravel.com/docs/5.6/mix#environment-variables


环境变量

您可以通过在.env文件中为MIX_添加前缀来将环境变量注入到Mix中:

MIX_SENTRY_DSN_PUBLIC=http://example.com

在.env文件中定义变量后,您可以通过process.env对象进行访问。如果在运行监视任务时值发生更改,则需要重新启动任务:

process.env.MIX_SENTRY_DSN_PUBLIC

要记住的最重要的事情是你必须使用Laravel Mix才能工作。 Mix是注入环境变量的东西。

© www.soinside.com 2019 - 2024. All rights reserved.