Как избежать ошибок CORS на локальном хосте (в 2020 г.)

Блог

При разработке веб-сайта / веб-приложения на локальном хосте, которое отправляет запросы на другой сервер, вы можете столкнуться с Совместное использование ресурсов между источниками (CORS) вопросы. Я не буду вдаваться в подробности о том, что такое CORS, в этом посте. Все, что я скажу, это то, что CORS существует из соображений безопасности, но когда вы разрабатываете локально, это может быть проблемой! Вы можете узнать больше о CORS в документации MDN .



Я написал это простое руководство, чтобы объяснить два основных решения для отключения ограничений перекрестного происхождения на localhost (и, следовательно, исправления любых ошибок CORS при разработке вашего приложения локально), которые я объясню более подробно ниже.


Вы можете напрямую отключить CORS в браузере. Если вы это сделаете, имейте в виду, что вы отключаете ограничения безопасности, на которые есть причина. Я бы не рекомендовал просматривать веб-страницы с отключенным CORS; Просто отключите его во время разработки вашего сайта / приложения.



Chrome (на Mac):

Самый надежный способ отключить CORS в последней версии Chrome на Mac (протестирован на v84) - запустить его с отключенной веб-безопасностью.

  1. Принудительно закрыть Chrome перейдя в меню Mac и нажав кнопку принудительного выхода (или нажав команду Q).
  2. Затем запустите эту команду, чтобы откройте Chrome с отключенной веб-безопасностью

# javascript-tips #cors # front-end-development #javascript # web-development



medium.com

Как избежать ошибок CORS на локальном хосте (в 2020 г.)

Используйте прокси, чтобы избежать ошибок CORS Чтобы использовать общедоступную демонстрацию cors -where, просто добавьте URL-адрес, на который вы хотите сделать запрос, после домена, например. https://cors-anywhere.herokuapp.com/https://cat-fact.herokuapp.com/facts (* если вы посмотрите это в браузере, вы можете получить сообщение об отсутствии заголовка запроса.