Прикольный способ обработки кодов состояния узла

Итак, я настраивал некоторые маршруты для моего API & мне нужно было настроить откат ошибок. И я придумал забавный и динамичный способ сделать это, так что вместо отправки сообщения об ответе на конечную точку я решил перенаправить пользователя на динамическую страницу статуса. Вот как я это сделал. (Это для NextJS)

Создайте каталог в /pages/ под названием «status», затем создайте .js файл с именем [code].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}`);
Войти в полноэкранный режим Выйти из полноэкранного режима

Я знаю, что это не очень красивый код, но я надеюсь, что кто-то увидит его полезным! ^^ Спасибо!

Оцените статью
devanswers.ru
Добавить комментарий