更新

Question

如何在组件中保存.env之类的数据APP_NAME？

说我想向用户Welcome to {{APP_NAME}}展示

更新

基于this document，我在环境文件中进行了更改，例如：

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

对我有用，而无需在webpack.mix中添加任何要求

...只需在env文件中添加一个具有以下前缀的新变量：MIX_

但是需要使用php artisan serve 重新启动，还需要使用npm run watch ....

重新启动。

Answer 2

您可以直接将其用作process.env.APP_NAME

mounted(){
   this.appName=process.env.APP_NAME
}

Answer 3

首先添加到环境文件中：

MIX_APP_NAME=Laravel

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

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

现在您可以像这样使用它：

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

或者：

{{ app_name }}

Source

在vue组件中获取环境数据

更新

3 个答案: