如何在我的组件中包含APP_NAME之类的.env数据？
假设我想向用户显示Welcome to {{APP_NAME}}
更新
基于此文档，我在我的env文件中进行了更改，并喜欢：
MIX_APP_NAME=Laravel并将其添加到我的组件脚本中：
data() {
return {
app_name: process.env.MIX_APP_NAME,
}
},现在我可以在我的组件中使用我的应用程序名称，但问题是我想在引导工具提示中使用它，并给了我这个错误：
- title=".... by {{app_name}}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.我的代码：
<span data-toggle="tooltip" data-placement="top" title="... {{app_name}}"></span>有什么想法吗？
4条答案
按热度按时间vltsax251#
首先添加到env文件：
并将其添加到组件脚本中：
现在你可以这样使用它：
或者：
源
pzfprimi2#
这对我来说很有效，没有在webpack.mix中添加任何require
.只需在env文件中添加一个新变量，前缀如下：混合_
但需要重启
php artisan serve，也需要重启npm run watch....8aqjt8rx3#
对于Laravel 10.x：
您可以通过在应用程序的**.env**文件中以VITE_为前缀将环境变量注入到JavaScript中：
您可以通过import.Meta.env对象访问注入的环境变量：
你可以找到Laravel文档
pvabu6sv4#
你可以直接使用它作为
process.env.APP_NAME