NextJS重叠的动态路由

Question

我在NextJS应用程序中指定了两个动态路由——[pageId].tsx和job-[pageId].tsx。

我希望更具体的路由(在本例中为job-[pageId].tsx(优先于不太具体的路由。

不过，目前所有页面都由[pageId].tsx呈现。有没有一种方法可以调整这一点，或者用不同的结构来实现这一点？

Answer 1

您尝试nextjs重写

https://nextjs.org/docs/api-reference/next.config.js/rewrites

async rewrites() {
const rewriteArray = [
{       
source: "/:id.html",
destination: "/any/path/you/want/:id",
},
];
return rewriteArray;}

希望它能有所帮助！