Question

我正在使用graphql-server-express构建一个使用REST API的GraphQL服务器。

我遇到的情况是，当用户未经过身份验证访问资源时，REST调用可能会返回301或401状态代码。我正在使用在客户端上设置的cookie，并在解析GraphQL查询时转发到REST API。

当发生此类错误时，是否可以向客户端发送301重定向以响应对GraphQL端点的调用？

我在res.sendStatus(301) …尝试了formatError之类的内容，但这不能很好，因为graphql-server-express尝试在此之后设置标题。

我也试图用这样的东西来短路graphqlExpress中间件：

export default graphqlExpress((req, res) => {
  res.sendStatus(301);
  return;
});

当客户端收到正确的结果时，服务器仍然会输出错误（在这种情况下为TypeError: Cannot read property 'formatError' of undefined - 很可能是因为中间件收到空选项）。

有一种很好的方法可以让它发挥作用吗？谢谢！

Answer 1

以下是我实施此方法的方法。

在服务器端：

// Setup
export default class UnauthorizedError extends Error {
  constructor({statusCode = 401, url}) {
    super('Unauthorized request to ' + url);
    this.statusCode = statusCode;
  }
}

// In a resolver
throw new UnauthorizedError({url});

// Setup of the request handler
graphqlExpress(async (req, res) => ({
  schema: ...,
  formatError(error) {
    if (error.originalError instanceof UnauthorizedError) {
      res.status(error.originalError.statusCode);
      res.set('Location', 'http://domain.tld/login');
    } else {
      res.status(500);
    }

    return error;
  },
});

在客户端：

const networkInterface = createNetworkInterface();

networkInterface.useAfter([{
  applyAfterware({response}, next) {
    if ([401, 403].includes(response.status)) {
      document.location = response.headers.get('Location');
    } else {
      next();
    }
  }
}]);

在Apollo Client 2.0中，您可以在客户端使用apollo-link-error。

Answer 2

在graphql解析器中处理重定向的另一种方法是，将响应中的“状态”设置为302（http状态代码以进行重定向），并在响应中将“位置”设置为以下代码，

this.Query = {
  downloadFile: (parent, { url }, { res }) => {
    res.status(302);
    res.set('Location', url);

    return;
}

解析器抛出错误

2 个答案: