Nextjs路由到用户名段塞url，例如(site.com/username)

Question

所以我试图实现的是一个用户名页面，例如，如果用户名是Jack，那么site.com/Jack

我的文件夹结构如下所示页面>[用户]>index.js，但正因为如此，如果出现拼写错误或有人转到不存在的页面(site.com/abc(，则会显示用户页面。

这就是我的代码的样子，很明显，它抛出了一个错误，因为这是不完整的。我不知道如何获得用户名

import React from "react";

export const getServerSideProps = async (context) => {
const { user } = context.query;
return {
props: {
user
}}}

export default function Header() {
return (
<div>
index
</div>
)
}

Answer 1

您可以检查是否有具有该特定名称的用户，如果没有，则可以重定向到404页面。

export async function getServerSideProps(context) {
const { user } = context.query;
if (!user) {
return {
redirect: {
destination: '/404',
permanent: false,
},
}
return {
props: {user}, // will be passed to the page component as props
}
}
}