在 nextjs 中获取上下文

Question

我正在使用 Next.js，我想获取 _app.js 中的 auth0 数据。

AppComponent.getInitialProps = async (ctx) => {
  const { req, res } = ctx;
  const tokenCache = auth0.tokenCache(req, res);
  const { datToken } = await tokenCache.getAccessToken();

  return { t: datToken }
}

但是当我这样做时，我得到：

Server Error
Error: Request is not available

为什么会出现此错误，以及如何从_app.js 中的 auth0 获取数据？

Answer 1

在_app 级别，getInitialProps 的第一个参数是AppContext 类型，它没有req 或res。

相反，它有ctx，它的类型是NextPageContext，并且有这些。

所以尝试替换

const { req, res } = ctx;

与

const { req, res } = ctx.ctx;

此外，如果您愿意，您可以考虑将参数重命名为 appContext。