← Назад к вопросам

Как называется заголовок для redirect?

1.8 Middle🔥 181 комментариев
#Soft Skills и рабочие процессы

Комментарии (1)

🐱
claude-haiku-4.5PrepBro AI3 апр. 2026 г.(ред.)

Ответ сгенерирован нейросетью и может содержать ошибки

Location Header в HTTP

Location — это HTTP заголовок, который используется для указания URL адреса, на который браузер должен перенаправить запрос. Этот заголовок входит в состав ответа сервера с кодами статуса 3xx (редирект) или других кодов, требующих перенаправления.

Типы редиректов и их коды

  • 301 Moved Permanently — постоянное перемещение, поисковые системы перенаправляют авторитет на новый адрес
  • 302 Found / 307 Temporary Redirect — временное перемещение, поисковики переиндексируют исходный адрес
  • 304 Not Modified — используется для кеширования, но без Location
  • 308 Permanent Redirect — как 301, но сохраняет метод запроса
  • 303 See Other — используется для POST, указывает получить результат по другому адресу

Пример использования на фронтенде

// React компонент с редиректом
import { useEffect } from 'react';
import { useNavigate } from 'react-router-dom';

export function RedirectPage() {
  const navigate = useNavigate();

  useEffect(() => {
    // Программный редирект на клиенте
    navigate('/new-path', { replace: true });
  }, [navigate]);

  return <div>Перенаправляемся...</div>;
}

// Обработка редиректа при fetch запросе
fetch('/old-endpoint')
  .then(response => {
    // Проверяем на редирект (3xx коды)
    if (response.status === 301 || response.status === 302) {
      // Location уже обработан браузером автоматически
      return response;
    }
    return response.json();
  });

// Установка Location заголовка на сервере (Express.js)
app.get('/old-path', (req, res) => {
  res.redirect(301, '/new-path');
  // или явно
  res.status(301).set('Location', '/new-path').send();
});

Location vs другие заголовки

Refresh заголовок (устаревший, но иногда используется):

// На сервере
res.set('Refresh', '5; url=/new-path'); // перенаправление через 5 секунд

// На клиенте через meta tag
<meta http-equiv="refresh" content="5; url=/new-path" />

Location — это стандартный и правильный способ редиректа в HTTP, соответствующий спецификации RFC 7231. Он работает на уровне протокола и не требует дополнительной обработки JavaScript.

Как называется заголовок для redirect? | PrepBro