如何使用最新的应用程序目录获取 nextjs 13 应用程序内的路由路径名？“服务器端”

Question

我正在 Next.js 13 中使用实验性的 appDir，并且想要获取请求的 URL 路径。在进行重定向之前，我需要此信息来设置搜索参数。我想获取服务器端的请求路径。

有一个与此类似的问题。如何使用 Next 13 获取应用程序目录中的当前路径名？ 然而，它涉及在客户端获取路径名。

我尝试查看布局选项，它只有子项和参数的道具。我将无法使用该信息重建 URL。我想知道服务器端的请求来自哪里。我怎样才能实现这个目标？

Answer 1

Nextjs13 app dir 还没有一个很好的 API。如果 props 能传递下来就好了segment。

现在，您可以用来children.props.childProp.segment获取服务器上的路由路径。

Answer 2

您可以将参数传递给函数并可以访问动态路由，在这种情况下我假设您的动态路由是 [id]

export default function Page({params}) {
  return (
    <>
      <div className={styles.container}>
        <h1>Page for {params.id}</h1>
      </div>
    </>
  )
}