Vuejs2 Vue.js或Nuxt.js集中式应用程序配置

如何在nuxt/vue应用程序中的单个位置加载静态数据

理想情况下，我会有一个JSON文件来保存所有这些数据，这些数据将加载到vuex中，并且可以在任何地方访问

有人向我建议了两种选择，但我觉得它们不干净

当使用webpack模板而不是webpack simple时，可以使用以下环境变量：。 或者，您也可以在项目文件夹中的任意位置创建一些文件-constants.js，用于存储静态数据，例如export const API_URL='https:/my API.com'。

---

从您需要的任何位置导入该文件中的数据，例如从“path/to/constants”导入{API_URL}。

我发现了一个使用vue prototype的优雅解决方案

因此使用Nuxt.js

1在~/plugins/globals.js创建一个插件

2在~/global.json上创建json文件

3在每个.vue文件中使用这些

---

我发现了一个使用vue原型的优雅解决方案

因此使用Nuxt.js

1在~/plugins/globals.js创建一个插件

2在~/global.json上创建json文件

3在每个.vue文件中使用这些

---

我找到了一种设置ConfigsJSON文件并在任何组件中使用的最简单方法

台阶-

在根目录中创建setting.json文件。 在中间件中，创建一个文件settings.js或保留任何名称并粘贴此代码 3在nuxt.config.js中-在中添加设置

     router: {
            middleware: ['users', 'settings']
      },

使用- 在任何组件或页面中-

data(){
      return {
            settings: process.env
      }
},

---

现在您可以在组件中的任何位置使用设置。

我找到了一种最简单的方法来设置配置json文件并在任何组件中使用

台阶-

在根目录中创建setting.json文件。 在中间件中，创建一个文件settings.js或保留任何名称并粘贴此代码 3在nuxt.config.js中-在中添加设置

     router: {
            middleware: ['users', 'settings']
      },

使用- 在任何组件或页面中-

data(){
      return {
            settings: process.env
      }
},

---

现在，您可以在组件中的任何位置使用设置。

感谢您的贡献！现在使用process.env传递此类信息对我来说似乎是一个非常糟糕的主意。而且我真的不明白这个解决方案怎么会比我的更优雅？你的回答也很好。然而，在我的项目中，我有多个基于环境的设置，所以我保留settings/dev.json和settings/prod.json，并将此文件加载到ENV上，该文件首先在nuxt-config.js中设置。感谢您的贡献！现在使用process.env传递此类信息对我来说似乎是一个非常糟糕的主意。而且我真的不明白这个解决方案怎么会比我的更优雅？你的回答也很好。然而，在我的项目中，我有多个基于环境的设置，所以我保留settings/dev.json和settings/prod.json，并将此文件加载到ENV上，该文件最初在nuxt-config.js中设置

     router: {
            middleware: ['users', 'settings']
      },

data(){
      return {
            settings: process.env
      }
},