微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用 Apollo-Module 在 NuxtJs 的 Vuex Store 中调用 graphql API?

如何解决如何使用 Apollo-Module 在 NuxtJs 的 Vuex Store 中调用 graphql API?

我是 NuxtJs 的初学者,我使用了一些 VueJs。我正在尝试将我的 graphql API 调用从 Vue 组件移动到带有 NuxtJs 的项目的 Vuex Store。为了调用我的 API,我安装了 NuxtJs 的 Apollo-Module,其中我已经对我的数据进行了分页

组件:

<script>
import gql from 'graphql-tag'

methods: {
    apollo: {
        productPaginated: {
            query: gql`
            query productPaginated($pageNum: Int!) {
                productPaginated(page: $pageNum,limit: 10) {
                    currentPage
                    totalPages
                    totalItems
                    data {
                        uuid
                        name
                        imageUrl
                        group {
                            name
                        }
                    }
                }
            }`,variables () {
                return {
                    pageNum: this.pageNum
                }
            }
        }  
    }  
 }
</script>

现在我想将此呼叫转移到 Vuex Store,但我不知道该怎么做。我在网上寻找解决方案,但没有找到任何具体的内容

Vuex 商店:

import Vuex from 'vuex';
import gql from 'graphql-tag'

const createStore = () => {
    return new Vuex.Store({
        state: {
        },actions: {
        },mutations: {
        },getters: {
        }
    })
}

export default createStore;

我应该使用什么来在 NuxtJs 的 Vuex Store 中调用我的 graphql API?我可以使用 apollo-module 吗?

非常感谢您帮助我!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。