404 -- самый известный HTTP-код. Сервер понял запрос, но ресурса по указанному URL нет. **Серверная обработка (Express):** ```js const express = require('express'); const app = express(); // Конкретный ресурс не найден app.get('/api/users/:id', async (req, res) => { const user = await db.users.findById(req.params.id); if (!user) { res.status(404).json({ error: 'Not Found', message: `User with id ${req.params.id} not found`, }); return; } res.json(user); }); // Catch-all для несуществующих API-маршрутов // Регистрируется ПОСЛЕ всех остальных маршрутов app.use('/api', (req, res) => { res.status(404).json({ error: 'Not Found', message: `Route ${req.method} ${req.originalUrl} not found`, }); }); // Для SPA -- отдать index.html (клиентский роутинг) app.use((req, res) => { res.sendFile('index.html', { root: 'public' }); }); ``` **Клиентская обработка:** ```js async function getUser(id) { const response = await fetch(`/api/users/${id}`); if (response.status === 404) { // Вариант 1: вернуть null return null; // Вариант 2: бросить типизированную ошибку throw new NotFoundError(`User ${id} not found`); } if (!response.ok) { throw new ApiError(response.status); } return response.json(); } // React-компонент с обработкой 404 function UserProfile({ userId }) { const [user, setUser] = useState(null); const [notFound, setNotFound] = useState(false); useEffect(() => { getUser(userId) .then(setUser) .catch((err) => { if (err instanceof NotFoundError) { setNotFound(true); } }); }, [userId]); if (notFound) { return ; } if (!user) return ; return

{user.name}

; } ``` **Роутинг в SPA (React Router):** ```jsx import { Routes, Route } from 'react-router-dom'; function App() { return ( } /> } /> {/* Catch-all -- 404 страница */} } /> ); } ``` 📌 **Кейсы:** - REST API: `GET /users/999` -- пользователя с id 999 нет - Удалённая страница: пользователь перешёл по старой ссылке - Опечатка в URL: `/usres/42` вместо `/users/42` - SPA: сервер должен отдавать `index.html` для всех клиентских маршрутов, иначе при прямом заходе будет 404 ❌ Антипаттерн -- возвращать 200 с пустым телом вместо 404: ```js app.get('/api/users/:id', async (req, res) => { const user = await db.users.findById(req.params.id); res.json(user); // вернёт 200 с null/undefined }); ``` ✅ Правильно -- явный 404: ```js app.get('/api/users/:id', async (req, res) => { const user = await db.users.findById(req.params.id); if (!user) { res.status(404).json({ error: 'User not found' }); return; } res.json(user); }); ``` ❌ Антипаттерн -- утечка информации через 404: ```js // Не раскрывай внутреннюю структуру res.status(404).json({ error: 'Record not found in table users_v2 (postgres)', }); ``` ✅ Правильно -- лаконичное сообщение: ```js res.status(404).json({ error: 'User not found' }); ``` **Резюме:** 404 -- "по этому адресу ничего нет". На сервере: явно проверяй существование ресурса и возвращай 404, а не пустой 200. На клиенте: показывай внятную заглушку вместо сломанного UI. В SPA: не забывай catch-all маршрут. ---

Что означает код 404 и как правильно его обрабатывать?