不是 Next.js 中的完整文件名的蛞蝓？

Question

我正在尝试在 Next.js 中创建一个遵循如下格式的路由：

localhost:3000/post-SLUG

通过创建一个文件名：

/pages/post-[slug].js

当我导航到localhost:3000/post-example类的示例时，我得到一个 404。是否可以执行这种类型的路由？ 我意识到这可能不是最好的 URL 设置，但作为迁移到 Next 的一部分，我正在尝试匹配来自已部署站点的 URL。

Answer 1

使用 Next.js 路由系统是不可能的，因为为了动态，URL 的部分必须匹配这个正则表达式：

/\/\[[^/]+?\](?=\/|$)/

所以路线必须是/post/[slug]/ 。

/pages/post-[slug].js可以作为 static 路由http://localhost:3000/post-[slug]访问。

您可以使用自定义服务器来创建这种路由。