← Назад к вопросам
Как называется заголовок для 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.