在 Next JS 中制作带有唯一链接的帐户页面

Question

所以我一直在尝试制作一个网站，其中包含显示他们的帖子和其他信息的用户页面。我不确定如何创建指向他们帐户的新链接。例如，如果用户的 UID 为 121212，您可以在 https://www.example.com/users/121212/ 访问他的帐户信息。感谢任何帮助。

Answer 1

您需要在 pages/users/[UID].js 中创建新文件。

当https://www.example.com/users/121212/访问这个urlpages/users/[UID].js这个文件时调用

当https://www.example.com/users/{anotherId}访问url时也会pages/users/[UID].js调用此文件。

在users页面代码

import Link from 'next/link'

function Users() {
  return (
    <ul>
      <li>
        <Link href="/Users/abc">
          <a>Go to pages/post/[pid].js</a>
        </Link>
      </li>
      <li>
        <Link href="/Users/abc?foo=bar">
          <a>Also goes to pages/post/[pid].js</a>
        </Link>
      </li>
    </ul>
  )
}

export default Users

并在 users/[UID].js 文件中；

import { useRouter } from 'next/router'

    const Post = () => {
      const router = useRouter()
      const { UID} = router.query
    
      return <p>Post: {UID}</p>
    }
    
    export default Post

需要更多帮助dynamic-routes

在 Next JS 中制作带有唯一链接的帐户页面

Make account pages with unique links in Next JS

javascript

routes

next.js