如何在 NextJS /_document.js 文件中获取路径名

Question

我试图在 /page/_document.js 文件中获取当前路径名。 我正在使用一个类，我的目标是使用该值创建一个条件。

这是我的代码（基本上是 NextJS 页面中的示例）

import Document, { Html, Head, Main, NextScript } from 'next/document'

class MyDocument extends Document {
  static async getInitialProps(ctx) {
    const initialProps = await Document.getInitialProps(ctx)
    return { ...initialProps }
  }

  render() {
    return (
      <Html>
        <Head />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument

Answer 1

您可以通过ctx.req.url或ctx.asPath获取它，但getInitialProps仅在您第一次访问应用程序时执行

注意：的 getInitialProps 函数不会在客户端转换期间调用，也不会在页面自动静态优化时调用。

注意：请务必检查 ctx.req / ctx.res 是否在 getInitialProps 中定义。 当页面被静态导出以供下次导出或自动静态优化时，这些变量将是未定义的。

文档

如何在 NextJS /_document.js 文件中获取路径名

问题描述

1 个解决方案

解决方案1
1 2020-03-27 02:43:28

如何在 NextJS /_document.js 文件中获取路径名

问题描述

1 个解决方案

解决方案1 1 2020-03-27 02:43:28

解决方案1
1 2020-03-27 02:43:28