laravel - vue组件获取环境数据

Question

如何在我的组件中包含 .env 数据，例如 APP_NAME？

假设我想向用户显示 Welcome to {{APP_NAME}}

更新

基于this document我在我的 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>

有什么想法吗？

Answer 1

首先添加到env文件:

MIX_APP_NAME=Laravel

并将其添加到您的组件脚本中:

data() {
  return {
    app_name: process.env.MIX_APP_NAME,
  }
},

现在你可以像这样使用它:

 <div :title="`text ${app_name}`"></div>

或者:

{{ app_name }}

Source