如何处理突变 GraphQL 错误而不是 Apollo onError()

Question

服务器端，我抛出一个 403 Forbidden，以管理对 API 调用的访问。

为了捕获突变的 GraphQL 错误，我尝试了以下方法：（方法 #1 在捕获useQuery()错误时有效）

const [m, { error }] = useMutation(MY_MUTATION);

if(error) {
    console.error('Error return #1');
}

try {
  await m({
    variables,
    onError: (e: ApolloError) => {
       console.error('Error return #2');
    }
  }).catch(e) {
     console.error('Error return #3');
  };
} catch (e) {
    console.error('Error return #4');
}

相反，从我的 Apollo onError()返回以下 GraphQL 错误并停止执行。 它不会 go 进入我的任何突变错误处理尝试：

graphQLErrors:, Array [
  Object {
    "extensions": Object {
      "code": "FORBIDDEN",
      "response": Object {
        "error": "Forbidden",
        "message": "Access is denied.",
        "statusCode": 403,
      },
    },
    "message": "Access is denied.",
  },
]

如果从useQuery()返回类似的 GraphQL 错误，则显示它使用：

const { data, error, loading } = useQuery( MY_QUERY );

if(error) {
    console.error('Error return #1');
}

Answer 1

基于useMutation 文档，我相信mutate （或m ） function 不接受onError回调，你必须在useMutation选项中设置它。

const [m, { error }] = useMutation(MY_MUTATION, {
  onError: (e: ApolloError) => {
     console.error('Error return #2');
  }
});

if (error) {
    console.error('Error return #1');
}

try {
  await m({
    variables
  })
} catch (e) {
    console.error('Error return #4');
}