NextJS 动态路由：如何捕获 index.tsx

Question

有没有办法从动态路由中捕获“/”网址？

这是我尝试过的：

这让我在“http://localhost:3000/”上出现了错误 404，而不是进入 [...page] 组件。

Answer 1

[...page].tsx 只会捕获 / 之后的路由，因此 http://localhost:3000/page1 或 http://localhost:3000/page1/page2 将进入 [...页面].tsx

并且您可以从 nextjs 路由器中提取值

import {useRouter} from "next/router";

然后在你的组件中

const router = useRouter()

console.log(router.query.page)