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

Oma*_*eña 5 javascript reactjs next.js

我试图获取 /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
Run Code Online (Sandbox Code Playgroud)

iam*_*ynq 3

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

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

注意:请确保检查 ctx.req / ctx.res 是否在 getInitialProps 中定义。当页面静态导出以便下次导出或自动静态优化时,这些变量将是未定义的。

文档