Javascript Nextjs动态路由

在我的nextjs应用程序中，我有个人资料页面。我希望路由是这样的：

/@username

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

@[username].js

---

但这是行不通的。有没有其他方法可以实现这一点？

您必须将其添加到如下页面下：

pages/user/[username].js

任何路由，如

/user/@john

，

/user/@mark

等，都将由

页面/user/[username].js匹配。匹配的路径参数将作为查询参数发送到页面

您可以通过以下方式访问
查询
对象

{ "username": "@john" }

[username].js

export default function User(props) {
  return (
    <div>
      <h1>Username: {props.url.query.username} </h1>
      <pre>{JSON.stringify(props, null, 2)}</pre>
    </div>
  );
}

导出默认功能用户（道具）{
返回(
用户名：{props.url.query.Username}
{JSON.stringify（props，null，2）}
);
}

例如：

希望这有帮助