export default async function Page(props) {
const bookId = props.params.id;
const res = await fetch(`http://127.0.0.1:8081/api/books/${bookId}`);
if(!res.ok) {
//if(res.status == 404) return notFound();
throw new Error("Failed to fetch data");
}
const result = await res.json();
...
}
500번대 에러날때 던져서 error.js 를 통해 화면처리할때
콘솔창 화면에 원래 이렇게 메시지가 많이 출력되나요?
아래는 error.js 코드입니다.
export default function Error({error, reset}) {
return(
<div>
<h2>Something went wrong!</h2>
<button onClick={() => reset()}>
Try again
</button>
<Link href="/">Back to Home</Link>
</div>
)
}