javascript - 在 NextJS 路由中的 slug 前面添加符号(例如@)

Question

我正在尝试在 slug URL 前添加 @。例如:https://example.com/@username。

我尝试了 @[username].js 但它不起作用。

这可能吗？

Answer 1

尝试使用 rewrites和一些正则表达式。 Next.js 使用 path-to-regexp在幕后。

  async rewrites() {
    return [
      {
        source: '/:userId(@[a-zA-Z0-9]+)/:id*',
        destination: "/user/:userId/:id*",
      }
    ]
  }

在客户端使用next/link:

<Link href={`@${userId}`}>
  <a>user</a>
</Link>