노드 상태 코드를 처리하는 재미있는 방법

그래서 API에 대한 몇 가지 경로를 설정하고 몇 가지 오류 폴백을 설정해야 했습니다. 그리고 이를 수행하는 재미있고 동적인 방법을 알아냈기 때문에 엔드포인트에 응답 메시지를 보내는 대신 사용자를 동적 상태 페이지로 리디렉션하기로 결정했습니다. 내가 한 방법은 다음과 같습니다. (이것은 NextJS용입니다)

/pages/에 "status"라는 디렉토리를 만든 다음 [code].js라는 이름의 .js 파일을 만들고 해당 코드 내에서 다음을 사용합니다.

import { useRouter } from "next/router";

export default function NodeStatus() {
  const router = useRouter();
  const { status } = router.query;
  return (
    <div className="node__status__page">
      <img
        src={`https://http.cat/${status}`}
        className="w-full h-full max-w-lg"
      />
    </div>
  );
}


그런 다음 어떤 오류인지에 따라 요청을 처리하는 방식으로 다음과 같은 간단한 줄을 사용합니다.

res.status(500).redirect(`/status/${res.statusCode}`);


그다지 아름다운 코드는 아니지만 누군가 유용하게 봐주셨으면 합니다! ^^ 감사합니다!

좋은 웹페이지 즐겨찾기