如何将所有页面/组件的数据获取到我的Nuxt应用程序中

时间:2019-03-04 21:48:43

标签: api asynchronous vue.js apollo nuxt

我的插件目录中有一个名为std::size_t value = hash<llvm::Value *>{}(your_pointer); 的文件,内容如下:

config-ingest.js

尽管数据已成功检索,但似乎并非在我所有的页面和组件中都可用。

如果我想从另一台服务器上获取所有页面可用的数据,我该怎么做?我想将这些数据粘贴在它自己的文件中,这样我可以随时从任何组件或页面获取数据。

2 个答案:

答案 0 :(得分:1)

您应该为此使用Vuex商店。 https://nuxtjs.org/guide/vuex-store/

答案 1 :(得分:0)

我能够在store/index.js中执行以下操作:

import gql from 'graphql-tag'

export const state = () => ({
  apps: []
})

export const mutations = {
  SET_APPS (state, apps) {
    state.apps = apps
  },
}

export const getters = {
  getApps (state) {
    return state.apps;
  },
  }
}

export const actions = {
  async nuxtServerInit ({ commit }, { app }) {

    const client = app.apolloProvider.defaultClient;

    const apps = gql`
        query {
          apps: allApps {
            key
            label
            tree
          }
        }
      `;

    await client.query({ query: apps }).then(response => {
      commit('SET_APPS', response.data.apps)
    });
  }
}