有人知道如何使用动态路径参数创建路线吗？

Question

我们已将

user-profile?userid=<id>

迁移至

user-profile/<userId>

。通过此迁移，如果用户导航主页或其他页面，我们可以打开此页面，但如果有人尝试直接打开该页面，则无法打开它。

Answer 1

在 Next.js 13 中，创建动态路由非常简单，并且遵循与以前版本类似的模式。设置动态路线的方法如下：

1。动态路由的目录结构

在 Next.js 中，动态路由由方括号 ([]) 定义。例如，如果您需要像 /user-profile/[id] 这样的路由，请在页面或应用程序目录中创建一个名为 [id] 的文件夹。

目录结构示例：

/pages
  /user-profile
    [id].tsx
  index.tsx