7

Vue-Apollo で Vue.js を使用しており、クエリを使用して共有メンバー リストを取得しようとしています。バックエンドでgraphQLサービスを使用しています。

GraphQL エラーを処理するために apollo 'error' 関数を使用しています。リクエストが無効な入力で行われた場合、ネットワーク タブにエラーが表示され、カスタム エラー メッセージの JSON が表示されます。しかし、「エラー」関数でエラーをコンソールできません。

共有メンバー リストを取得するために使用される 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)
      }
    },
  },

私が得たネットワーク応答 -

ネットワークエラー

4

2 に答える 2

-1

残念ながら、graphqlメソッド呼び出しなどでエラーを処理する方法を見つけることができませんでしたが、オプションとしてコンストラクターオプションonErrorにメソッドを提供できApolloClientます。最初の引数はエラー オブジェクトです。うまくいけば、それが役立つかもしれません。そのようです..

const apolloClient = new ApolloClient({
  uri: 'http://localhost:4000',
  onError(err) {
    console.log(err)
  },
})
于 2020-12-12T00:04:55.577 に答える