我的Laravel应用程序中有一个Vue组件.
我想直接在Vue组件中检索配置(或.env Laravel文件)中的URL,而不是对其进行硬编码.
require('dotenv').config()
let proxyUrl = process.env.APP_URL
但当我想在我的应用程序中这样做时.js,当我试图要求dotenv时,我得到了can't resolve fs
分.
让这些数据在我的Vue组件中可用的最佳方式是什么?
我的Laravel应用程序中有一个Vue组件.
我想直接在Vue组件中检索配置(或.env Laravel文件)中的URL,而不是对其进行硬编码.
require('dotenv').config()
let proxyUrl = process.env.APP_URL
但当我想在我的应用程序中这样做时.js,当我试图要求dotenv时,我得到了can't resolve fs
分.
让这些数据在我的Vue组件中可用的最佳方式是什么?
我也有同样的问题,但在blade中放置变量对我来说不是一个选项,也意味着在blade文件中声明一个变量,然后在javascript文件中使用,这似乎有点杂乱无章.所以,如果你处于同样的位置,那么我认为有一个更好的解决方案.如果您使用的是Vue,则很可能是使用Laravel mix编译文件.
如果是这种情况,可以将环境变量注入Mix,只需添加前缀Mix.所以你可以添加到你的.env文件包含如下变量:
MIX_SENTRY_DSN_PUBLIC=http://example.com
然后在javascript文件中访问如下变量:
process.env.MIX_SENTRY_DSN_PUBLIC
你可以在预编译文件的任何地方访问它.您可以在laravel文档中找到这些信息.https://laravel.com/docs/5.6/mix#environment-variables