Назад | Перейти на главную страницу

EC2 + Cloudflare = проблема CORS со шрифтом

Я только что разместил свой первый сайт Wordpress на экземпляре EC2. И я установил CloudFlare в качестве моего CDN. Но при просмотре сайта я получаю ошибку ниже:

Шрифт из источника «EC2 IP» заблокирован для загрузки политикой совместного использования ресурсов между источниками: на запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Исходный "ДОМЕН САЙТА" поэтому не разрешен доступ.

Я изменил файл .httpd в моем экземпляре EC2, чтобы разрешить все типы шрифтов. Но все равно не повезло.

Что я упускаю из виду, чтобы получить доступ к заголовку.

Если вы запускаете свой сайт на сервере Apache, попробуйте добавить в свой .htaccess файл:

<IfModule mod_headers.c>
<FilesMatch "\.(svg|ttf|otf|eot|woff|woff2)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

Это позволит получить доступ к шрифтам из любого домена, а не только из домена вашего сайта.

В Wordpress вы устанавливаете адрес своего сайта. В текущей конфигурации он был установлен на IP-адрес сервера. После изменения его на доменное имя моя проблема была решена.