Vue.js 我可以从vuex调用storyapi吗?

Vue.js 我可以从vuex调用storyapi吗?,vue.js,nuxt.js,storyblok,Vue.js,Nuxt.js,Storyblok,我正在使用storyblok nuxt模块。我在numxt.cofig.js中插入了它,当我在asyncData方法中直接调用它时,它在页面中运行良好,如下所示: asyncData({ app }) { return app.$storyapi.get("cdn/stories/articles", { version: "draft" }) 为了从vuex调用它,我正在导入它: import storyapi from 'storyapi' 但是N

我正在使用storyblok nuxt模块。我在
numxt.cofig.js
中插入了它,当我在asyncData方法中直接调用它时,它在页面中运行良好,如下所示:

  asyncData({ app }) {
    return app.$storyapi.get("cdn/stories/articles", {
        version: "draft"
      })
为了从vuex调用它,我正在导入它:

import storyapi from 'storyapi'
但是Nuxt给了我一个错误:

Cannot find module 'storyapi'

我可以在vuex中使用此模块吗?如果可以,解决方案是什么?

storyapi
与Nuxt结合使用非常简单。在asyncData中,您可以调度您的操作,如:

asyncData ({ store }) {
  store.dispatch('loadSettings', {version: "draft"})
}
在商店操作中,您可以直接使用
this.$storyapi
。没有必要进口任何东西。Nuxt为您照顾一切:

export const actions = {
  loadSettings({commit}, context) {
    return this.$storyapi.get("cdn/stories/articles", {
      version: context.version
    }).then((res) => {
      // execute your action and set data    
      commit('setSettings', res.data)
    })
  }
}
有关更多信息:


如果您对我的问题的质量有任何评论,我将不胜感激,以避免将来的否决投票。