首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在接下来的13中重定向到服务器组件函数中的404页

在接下来的13中重定向到服务器组件函数中的404页
EN

Stack Overflow用户
提问于 2022-11-07 10:35:11
回答 1查看 197关注 0票数 4

例如,我们曾经使用getServerSideProps重定向到页面组件中的404页面,如下所示。有了新版本,我们就有了Server组件函数。在不使用getServerSideProps的情况下,如何重定向到404页?

代码语言:javascript
运行
复制
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],
    },
  };
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-11-07 10:35:11

根据文档,您可以使用notFound()函数作为示例,如下所示,它将呈现位于app/feed/not-found.js中的not-found.js文件。

代码语言:javascript
运行
复制
import { notFound } from 'next/navigation';

export default async function Profile({ params }) {
  const res = await fetch(`/user/${params.id}`);
  if (!res.ok) {
    notFound();
  }
  return <div>Actual Data</div>;
}
代码语言:javascript
运行
复制
// app/feed/not-found.js
export default function NotFound() {
  return <p>404 Not Found</p>
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74345219

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档