我遇到了NextJs应用目录动态路由的问题

aamkag61  于 2023-11-18  发布在  其他
关注(0)|答案(1)|浏览(193)

我尝试使用NextJs v14生成静态路径。动态路由生成404错误,但类似的非动态路由显示页面。
使用localhost调用动态路由:3000/product/categoryProduct/a
代码路径:app/(common)/product/categoryProduct[id]

export default function Page({ params }: { params: { slug: string } }) {
return <h1>My Page</h1>;

字符串
}
非动态调用localhost:3000/product/categoryProduct
路径:app/(common)/product/categoryProduct

export default function Page({ params }: { params: { id: number } }) {
return <div>My Post: {params.id}</div>;


}
我不知道这个非常基本的问题在哪里。

vwoqyblh

vwoqyblh1#

问题是目录结构变量部分标识符需要是嵌套目录,而不是主目录名的一部分。
正确的目录结构:app/(common)/product/categoryProduct/[id]/page.tsx
目录结构不正确:app/(common)/product/categoryProduct[id]/page.tsx

相关问题