Добавить в закладки
Часто бывает, что на вашем сайте не отображаются некоторые элементы. Иконки, картинки, css стили и скрипты могут перестать работать. Тогда в консоли браузера вы увидите ошибку:
No 'Access-Control-Allow-Origin' header is present on the requested resource
Вот три способа исправить эту проблему:
1#: Прописать абсолютные пути до файлов.
Бывает, что ваш основной домен имеет путь http://mysite.ru, но, когда пути файлов прописаны следующим образом: /css/mystyle.css, абсолютный путь файла уже ведёт на доменное имя http://www.mysite.ru и эта разница в www. воспринимается браузером, как совершенно другой домен.
Исправляем: просто прописываем абсолютный путь до домена, заменяя /css/mystyle.css на http://mysite.ru/css/mystyle.css
2#: На некоторых сайтах проблема может крыться в структуре самого кода и тогда достаточно между ‹head› и ‹/head› прописать:
|
1 2 |
<meta name="Access-Control-Allow-Origin" content="*" /> <meta name="Access-Control-Allow-Headers" content="*" /> |
3#: Решение, аналогичное предыдущему, но в случае, если проблема кроется в PHP файле и нам достаточно в самом его верху дописать:
|
1 2 |
header('Content-type: text/html'); header('Access-Control-Allow-Origin: *'); |