Node.js Laravel Vue环境变量在哪里？

我正在将Vue.js2.0与Laravel一起使用。Laravel有一个

.env

文件，允许您执行以下操作：

$foo = env('bar', 'somekey');

但是，如果我想在Vue.js组件中使用变量

bar

，则必须执行以下操作：

在刀片中：

在VUE中：

这似乎不是达到预期效果的最优雅的方式

我看到，当我运行

npm run production

脚本时，有一个部分可以：

cross-env NODE_ENV=development ...

所以我有两个问题：

development

引用的

env

文件在哪里，这样我就可以向其中添加变量了

如何访问Vue组件中的这些变量

---

不确定它是否正是您想要的，但这里有一篇关于“在Laravel/Vue应用程序中共享数据”的文章

阅读“数据传输策略”一节

//刀片模板
window.Laravel=前两个选项与我已经在做的事情类似，另外两个选项要求我为我的凭证进行API调用。。。很难相信平均堆栈是如何做到这一点的。
data {
    ...
    foo: bar
}

cross-env NODE_ENV=development ...

//Blade Template
<script>
    window.Laravel = <?php echo json_encode([
         'csrf_token => csrf_token(),
         'user'      => $user
    ]); ?>
</script>

<my-custom-vue-component></my-custom-vue-component>


//Vue Component
data(){
    return {
        user: window.Laravel.user
    }
}