在Laravel / Vue.js项目中共享静态/配置数据的最佳方法是什么

Posted 2021-05-07

我目前正在开发一个Laravel / Vue.js项目，我需要在后端和前端使用相同的数据（即操作系统的静态列表）。到目前为止，这些是我想到的不同选择：

• 我的Laravel和vue.js项目中的数据都是重复的。
• 通过API将数据加载到前端
• 通过公共静态配置文件共享数据，并可能在处理时将数据预加载到Vue（当前使用webpack）

第三种选择似乎是最好的选择，因为它避免了数据的重复，并且需要提出不必要的请求，并想知道是否可以使用现有工具来完成。

答案

那么最好的方法取决于应用程序的细节。

我通常更喜欢＃3，因为那是“Laravel方式”。在.env文件中使用前缀为MIX_的变量，并使用process.env.MIX_VARIABLE_NAME中描述的Laravel docs在前端访问它们。使用env helper在后端访问它们

虽然不支持数组，但您始终可以在后端和前端构建它们，如下所示：

$config = [     
    env('KEY1') => [
        env('KEY_ONE') => env('VALUE_ONE'),     
        env('KEY_TWO') => env('VALUE_TWO')  
    ],
    ...
};