放大中的Nextjs动态路由

Question

我的Nextjs应用程序中有以下目录结构：

页面/post/id/index.js

我正在尝试配置扩容以正确地路由这个URL：

mydomain.com/post/123

我配置了以下重写：

{
    "source": "/post/<*>",
    "target": "/post/[id]/index.html",
    "status": "200",
    "condition": null
},

但它不起作用。当目录是动态路由时，如何正确的格式进行扩容重写？

我的路线在本地运行时是有效的。我无法在放大器中配置它。

Answer 1

如果您想让mydomain.com/post/123工作，那么您的目录需要匹配这个路由：

pages
 |    
 +-- post
 |  |  
 |  \-- [id].js

使用您的目录结构，动态路由不知道加载哪个文件，因为index.js是针对文件夹路由(如/posts )解析的

创建带有正方形大括号的文件将捕获/123路由，如next.js文档：https://nextjs.org/docs/routing/dynamic-routes中所述。

您所拥有的当前重写规则应该适用于这种结构，在这种结构中，您可以这样做：

{
    "source": "/post/<*>",
    "target": "/post/[id].html",
    "status": "200",
    "condition": null
}