Vue.js 我可以从vuex调用storyapi吗?
我正在使用storyblok nuxt模块。我在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
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)
})
}
}
有关更多信息: