GraphQL / Apollo - 无法获取 NetworkError

Posted 2023-03-08

【中文标题】GraphQL / Apollo - 无法获取 NetworkError

【英文标题】：GraphQL / Apollo - Can't get NetworkError

【发布时间】：2019-07-19 00:06:48

【问题描述】：

我的 Apollo 客户端无法收到任何网络错误，只有 GraphQL 错误。

我的客户端是这样设置的：

    const errorLink = onError(( graphQLErrors, networkError ) => 
  if (graphQLErrors)
    graphQLErrors.map(( message, locations, path ) =>
      console.log(`[GraphQL error]: Message: $message, Location: $locations, Path: $path`)
    );
  if (networkError) console.log(`[Network error]: $networkError`);
);

  const client = new ApolloClient(
    link: ApolloLink.from([
      errorLink,
      new HttpLink(
        uri: 'http://localhost:4000/graphql'
      ),
    ]),
  );

在服务器上我发出一个请求，我会这样解析：

 .then(res => 
  if (res.ok) 
    return  blah: res.json(), count ;
  
  throw new Error();
)
.catch(error => 
  throw new AuthenticationError('Must Authenticate');
);

AuthenicationError 只是作为 GraphQL 错误冒泡到客户端（[GraphQL error]: Message: Must Authenticate,，我基本上只是希望能够在客户端从服务器请求中获取 HTTP 状态代码。

谢谢

【参考方案1】：

您的客户端实现看起来正确。

我猜你正在使用 express 和一些 graphl 中间件来处理请求。主要的是，您需要在 graphql 中间件发挥作用之前处理身份验证过程。

因此，身份验证是您直接处理的 graphql 突变。就我而言，它看起来像这样：

...

const app = express();

app.use(
  "/graphql",
  bodyParser.json(),
  (request, response, next) => authenticationMiddleware(request) // authentication is handled before graphql
  .then(() => next())
  .catch(error => next(error)),
  graphqlExpress(request => 
    return 
      schema: executable.schema,
      context: 
        viewer: request.headers.viewer
      ,
    ;
  ),
);

...

app.listen(...)

另一种可能性是将状态代码添加到 graphql 错误中的错误响应中。 但这取决于您使用的 npm 包。 例如apollo-server-graphql 中的格式错误 https://www.apollographql.com/docs/apollo-server/api/apollo-server.html#constructor-options-lt-ApolloServer-gt