不是 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]訪問。

您可以使用自定義服務器來創建這種路由。