React Frontend Developer

Question 1

Что такое CORS (Cross-Origin Resource Sharing), и как он относится к встроенным элементам типа

Accepted Answer

CORS — это механизм, который позволяет ограничить или разрешить обмен данными между разными доменами. Браузеры по умолчанию запрещают запросы к ресурсам с другого домена для обеспечения безопасности. Чтобы разрешить такие запросы, сервер должен отправить специальные заголовки. Элементы, такие как

Question 2

Что такое CORS?

Accepted Answer

CORS (Cross-Origin Resource Sharing) – это механизм, разрешающий веб-странице запрашивать ресурсы с другого домена, если сервер явно разрешил это. Без CORS браузер блокирует такие запросы для безопасности.

Question 3

Зачем используется запрос с методом OPTIONS?

Accepted Answer

Запрос OPTIONS отправляется браузером автоматически перед некоторыми HTTP-запросами (например, POST или DELETE с особыми заголовками). Это часть механизма CORS — он проверяет, разрешён ли запрос сервером.

Question 4

Как можно обойти CORS?

Accepted Answer

Прокси-сервер (на бэкенде).JSONP (устаревший способ).Настройка CORS на сервере (Access-Control-Allow-Origin).Использование расширений для разработчиков (только для теста).

Question 5

Какие настройки сервера требуются для CORS?

Accepted Answer

Добавьте заголовки в ответ сервера:Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Headers: Content-Type

Question 6

Как на практике обходят CORS-ограничения?

Accepted Answer

CORS нельзя «обойти» на стороне браузера. Его настраивают на сервере. На практике используют прокси, корректные CORS-заголовки или серверную интеграцию. В режиме разработки часто применяют dev-прокси. Попытки обхода на клиенте считаются плохой практикой.

Question 7

Как ограничить выполнение запросов на нежелательные домены?

Accepted Answer

Для ограничения запросов на нежелательные домены используется политика CORS (Cross-Origin Resource Sharing). Сервер указывает в HTTP-заголовках, какие домены имеют доступ к его ресурсам. Например, заголовок Access-Control-Allow-Origin задает разрешенные источники. Браузер блокирует запросы с других доменов, если сервер не разрешил их.

Question 8

Что такое preflight-запрос и при каких условиях браузер его отправляет?

Accepted Answer

Preflight-запрос — это предварительный HTTP-запрос методом OPTIONS, который браузер отправляет перед основным запросом, если он не является простым. Он нужен, чтобы сервер подтвердил разрешение на кросс-доменный запрос. Браузер отправляет его, если используется нестандартный метод (например, PUT, DELETE), или если заголовки выходят за рамки простых (например, Authorization).

Question 9

Какой заголовок HTTP регулирует разрешённые домены в контексте CORS?

Accepted Answer

Заголовок Access-Control-Allow-Origin указывает, какие домены могут получать доступ к ресурсу. Если сервер не отправляет этот заголовок, браузер блокирует запросы с других источников. Значение '*' разрешает все домены, но не поддерживается с куками.

Question 10

Как браузер получает информацию о CORS-правилах?

Accepted Answer

Браузер получает информацию о CORS-правилах из HTTP-заголовков ответа сервера. Когда выполняется кросс-доменный запрос, браузер автоматически добавляет заголовок Origin. Сервер в ответе указывает заголовок Access-Control-Allow-Origin, который разрешает или запрещает доступ. Для сложных запросов браузер сначала отправляет предварительный OPTIONS-запрос (preflight), чтобы узнать разрешенные методы и заголовки.

Вопросы React Frontend Developer