Nextjs动态路由

Question

在我的nextjs应用中，我有个人资料页面。我希望路由如下：

/@username

这就是我使用此文件格式的原因：

@[username].js

但这不起作用。还有其他方法吗？

Answer 1

您必须将其添加到这样的页面下：

pages/user/[username].js

/user/@john，/user/@mark等任何路由都将匹配。匹配的path参数将作为查询参数发送到页面。

您将有权访问pages/user/[username].js对象

query

[用户名] .js

{ "username": "@john" }

例如：Codesandbox

希望这会有所帮助！