我可以從 vuex 調用 storyapi 嗎？

Question

我正在使用storyblok-nuxt模塊。 我將它插入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

在 Nuxt 中使用storyapi非常簡單。 在您的 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 上下文？