我是next.js的新手。我想问下如何在next.js中实现两级动态路由?我的网址是http://localhost:3000/company/[slug 1]/[slug 2]在next.js的官方文档中,我只得到了一级嵌套路由。我想要2级路由。请帮帮我。
wf82jlnq1#
创建如下目录结构
pages/ └─ company/ └─ [slug1]/ └─ [slug2].js
访问客户端上的段
import { useRouter } from 'next/router'; export function Component() { const router = useRouter(); const { slug1, slug2 } = router.query; // ... }
或者如果在服务器端
export async function getServerSideProps(ctx) { const { slug1, slug2 } = ctx.params; // ... }
1条答案
按热度按时间wf82jlnq1#
创建如下目录结构
访问客户端上的段
或者如果在服务器端