小编khu*_*tel的帖子

如何处理 Vue.JS 中的 Apollo Graphql 查询错误?

我将 Vue.js 与 Vue-Apollo 一起使用,并尝试使用查询获取共享成员列表。我在后端使用 graphQL 服务。

我正在使用 apollo 'error' 函数来处理 GraphQL 错误。当使用无效输入发出请求时,我可以在网络选项卡中看到错误,我可以看到自定义错误消息的 JSON。但我无法控制 'error' 函数中的错误。

这是用于获取共享成员列表的 apollo 查询 -

apollo: {
    sharedMembers: {
      query: gql`
        query item($uuid: ID) {
          item(uuid: $uuid) {
            ...itemTemplate
            members {
              ...member
              permission
            }
          }
        }
        ${ITEM_TEMPLATE}
        ${MEMBER}
      `,
      variables() {
        return {
          uuid: this.$route.params.uuid,
        }
      },
      update(data) {
        return data.item.members
      },
      error(error) {
       console.log('errors', error)
      }
    },
  },

Run Code Online (Sandbox Code Playgroud)

我得到的网络响应 -

网络错误

graphql vue-apollo

6
推荐指数
1
解决办法
4890
查看次数

标签 统计

graphql ×1

vue-apollo ×1