新建一个未找到内容的时候用的错误页面，在 app/posts 的下面，新建一个文件，名字是 not-found.tsx，在文件里定义一个组件，名字是 NotFound。在文件顶部导入一个样式表，位置是当前目录 .styles 下面的 error.css。

设置一下组件的视图，一组 div，上面加上一个类，名字是 error，在里面再添加一组 div，里面包装一行文字 “ 没有找到这个内容。”

notFound()

打开 app/service，找到 apiHttpClient，在这里继续判断一下 response.status，如果请求接口返回的响应的状态码是 404，说明没找到请求的内容。

这种情况我们可以执行一下 notFound()，它来自 next/navigation 这个包。

测试

在浏览器测试一下，访问一个不存在的内容，请求内容接口的时候如果得到的响应的状态码是 404，就会执行 notFound。现在显示的就是 posts 下面的 NotFound 这个组件的视图。