next.js - 对于 Next.js 动态路由，可以将字符串与 [slug] 组合起来吗？

Question

我已经尝试查看官方文档、各种问题以及内部 SO 之前的问题，但我找不到确认是否可以在 Next.js 中创建包含常量或字符串组合的动态路由带着鼻涕虫。例如？

pages/
  something-[slug].jsx

可以吗？我倾向于认为不是因为我尝试构建的示例，而是可能我遗漏了一些东西。

Answer 1

虽然 Next.js 不提供对部分动态路由的内置支持(如 something-[slug])，但您可以通过设置实际动态路由并使用 rewrites 来解决它将传入的 URL(以您想要的格式)映射到该路由。

例如，您可以在 /pages/something/[slug].jsx 下设置一个动态路由，然后在 next.config 中配置一个 rewrites 规则.js如下。

// next.config.js

module.exports = {
    async rewrites() {
        return [
            {
                source: '/something-:slug',
                destination: '/something/:slug'
            }
        ];
    }
}