目錄

一、創建page目錄下的路由文件

二、通過useRouter來獲取動態參數

---

先看官方文檔：Routing: Dynamic Routes | Next.js

使用Nextjs13版本參考官方文檔后實現仍有問題，網上的材料大多和官網一致，經過測試后，我找到了這個解決方案：

一、創建page目錄下的路由文件

這一步與官方文檔描述一致

二、通過useRouter來獲取動態參數

import React from "react";
import {useRouter} from "next/router";export default function People() {const route = useRouter();const query: { username: string } = route.query as { username: string }console.log(query.username)return <div>My Page</div>
}

useRouter()有個query屬性可以獲取到動態路徑的參數，這樣問題就解決了。