Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

studioАвтор: Пуск‑Медиа (импорт)Просмотры: 3

CORS для API: preflight, куки и заголовки, без которых фронт «молчит»

Почему браузер блокирует простой GET с другого origin, что такое preflight и как настроить `Access-Control-Allow-Origin` без `*` при куках.

Изображение статьи: CORS для API: preflight, куки и заголовки, без которых фронт «молчит»

Same-Origin Policy изолирует документы; CORS — механизм явного разрешения кросс-доменных запросов с контролируемыми заголовками и методами.

Запросы «не простые» (кастомные заголовки, PUT, JSON с особыми типами) вызывают OPTIONS preflight — сервер должен ответить согласованным набором Access-Control-*.

- [Cross-Origin Resource Sharing (CORS) — MDN](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) — Полный разбор simple и preflight.

---

## Куки и `credentials`

При fetch(..., { credentials: 'include' }) нельзя отвечать Access-Control-Allow-Origin: * — нужен конкретный origin и Access-Control-Allow-Credentials: true.

Разводите публичный API и браузерные BFF-эндпоинты: так проще держать политику CORS узкой.

#API#безопасность#фронтенд

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.