У меня есть веб-сайт, на котором используется font-awesome, и я хочу использовать Cloudfront в качестве CDN (мой веб-сайт работает на apache). Я включил cors в файле conf для этого сайта.
Вот файл conf для моего сайта:
<VirtualHost *:80>
ServerAdmin ajaydarez@gmail.com
ServerName spotlessmommy.com
ServerAlias www.spotlessmommy.com
DocumentRoot /var/www/spotlessmommy
<Directory />
Options FollowSymLinks
AllowOverride None
</Directory>
<Directory /var/www/spotlessmommy>
Options Indexes FollowSymLinks MultiViews
AllowOverride ALL
Order allow,deny
allow from all
Header set Access-Control-Max-Age "1000"
Header set Access-Control-Allow-Headers "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding"
Header set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"
<FilesMatch ".(eot|ttf|otf|woff)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</Directory>
Я получаю правильный заголовок, когда пробую его с помощью curl -
E:\Software Files\curl>curl -I spotlessmommy.com/wp-content/themes/sociallyviral
/fonts/fontawesome-webfont.ttf
HTTP/1.1 200 OK
Date: Tue, 08 Sep 2015 01:04:00 GMT
Server: Apache/2.4.7 (Ubuntu)
Last-Modified: Fri, 29 May 2015 19:46:10 GMT
ETag: "228fc-5173dba530480"
Accept-Ranges: bytes
Content-Length: 141564
Access-Control-Max-Age: 1000
Access-Control-Allow-Headers: X-Requested-With, Content-Type, Origin, Authorizat
ion, Accept, Client-Security-Token, Accept-Encoding
Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE, PUT
Vary: User-Agent
Access-Control-Allow-Origin: *
E:\Software Files\curl>curl -I spotlessmommy.com
HTTP/1.1 200 OK
Date: Tue, 08 Sep 2015 01:04:03 GMT
Server: Apache/2.4.7 (Ubuntu)
X-Powered-By: PHP/5.5.9-1ubuntu4.11
X-Pingback: http://spotlessmommy.com/xmlrpc.php
Access-Control-Max-Age: 1000
Access-Control-Allow-Headers: X-Requested-With, Content-Type, Origin, Authorizat
ion, Accept, Client-Security-Token, Accept-Encoding
Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE, PUT
Vary: User-Agent
Content-Type: text/html; charset=UTF-8
Но в браузере я все еще получаю ошибку перекрестного происхождения для файла шрифта. Сайт www.spotlessmommy.com (если вы загрузите сайт, вы увидите, что значки социальных сетей - это просто пустые поля)
Font from origin 'http://d13wghwkc7ps4m.cloudfront.net' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://spotlessmommy.com' is therefore not allowed access.
Есть идеи, что еще мне попробовать? Боролся с этим последние 14 часов :(
Неважно. Это произошло из-за задержки кеширования CDN. Через 24 часа он работает найти сейчас.