我想使用Vue JS访问.env变量。
在我的.env文件中,我在var中添加了“MIX_”前缀。
MIX_VAR=key
然后在vue组件中,我在created()中:
console.log(process.env.MIX_VAR);
结果我不断定义。
我已经尝试清除配置缓存,但仍然遇到同样的问题。有任何想法吗?
您必须为要替换的env变量构建JS。你可以用npm
或yarn
做到这一点
来自官方文档@ 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是注入环境变量的东西。