Javascript Next.js，重定向到getServerSideProps里面的404页面

发布于06月08日

如果请求的页面没有底层服务器端资源，我正在服务器端呈现页面中寻找处理HTTP 404的最佳实践.

例如，假设请求的页面为http://localhost:3000/places/5.在我的SSG实施中:

export async function getServerSideProps(context) {
  const placeId = context.params.placeId;
  const places = await getPlace(placeId);
  
  if (!places.length) { /* is there anything here I can do to facilitate a 404? this place does not exist in the db */ }

  return {
    props: {
      places[0],
    },
  };
}

应该是不言自明的，但如果请求的id(在本例中为5)不是我数据库中的一个位置，我如何将其作为HTTP 404处理？

推荐答案

您可以通过返回一个对象来实现这一点，如下所示，返回notFound: true.如果您的下一页是，它将重定向到404页.js版本大于v10.

notFound布尔值允许页面返回404状态和404页面.对于notFound: true，即使之前有一个成功生成的页面，页面也将返回404.接下来是here多个.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],
    },
  };
}