我可以从vuex调用storyapi吗？

Question

我正在使用 STYBLOK-NUEXT 模块。我把它插在 nuxt.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中使用这个模块吗，如果可以，有什么解决办法？

Answer 1

使用"... 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)
    })
  }
}

更多信息:

• 如何在vuex商店中使用nuxt上下文？