例如，我們曾經使用 getServerSideProps 來重定向到頁面元件中的 404 頁面，如下所示：
1
413// pages/index.js
export async function getServerSideProps(context) {
const placeId = context.params.placeId;
const places = await getPlace(placeId);
if (!places.length) {
return {
notFound: true,
}
}
return {
props: {
places[0],
},
};
透過 Next.js 13 和 app 目錄，我們有了伺服器元件。 getServerSideProps 不再使用時如何重定向到 404 頁面？
根據文檔，您可以使用
notFound( )函數如下所示，它會渲染對應的not-found.js文件：// app/user/page.js import { notFound } from 'next/navigation'; export default async function Profile({ params }) { const res = await fetch(`/user/${params.id}`); if (!res.ok) { notFound(); } returnActual Data ;
}
// app/user/not-found.js export default function NotFound() { return404 Not Found
}如果沒有
app/user/not-found.js文件，則使用app/not-found.js。如果沒有app/not-found.js，它將使用 Next.js 給出的預設值。