[Rails] Paramètres de chargement des polices Web dans CloudFront avec Heroku

introduction

Vous pouvez créer une application Rails et placer des fichiers statiques sur le front du cloud pour l'accélérer. Cependant, en raison de problèmes CORS (Cross-Origin Resource Sharing), les fichiers de polices Web ne peuvent pas être lus à moins qu'ils ne soient correctement définis. config.action_controller.asset_host = 'https://d1adsfkajflajflj.cloudfront.net'

Si vous vous référez aux articles précédents, il était caché dans l'écran Modifier de CloudFront et c'était difficile à trouver, je vais donc garder une trace.

AWS Console En conclusion, comme il est clairement écrit dans le document officiel et l'article sur le Web, j'ai pu définir des en-têtes de liste blanche en lavant l'élément «Utiliser les paramètres du cache Leagacy». Ajoutez ʻAllowed Origin` dans la section Whitelist Headers et sauvegardez. https://aws.amazon.com/jp/premiumsupport/knowledge-center/no-access-control-allow-origin-error/

• Puisque le cache est à l'écoute, si vous l'essayez sur un serveur de production, etc., précompilez la pièce en utilisant à nouveau la police d'Assets et donnez-lui un nouveau nom de fichier.

Article de référence

Définir Access-Control-Allow-Origin pour l'objet Cloudfront Cached http://www.366service.com/jp/qa/e9d300384bb16161a2f010337ac5128f

Utilisation de polices Web avec S3 + CloudFront (compatible FireFox) --Qiita https://qiita.com/Oakbow/items/dae3d383d87d7d0c6344

Résolvez l'erreur CloudFront "No'Access-Control-Allow-Origin 'header is present" https://aws.amazon.com/jp/premiumsupport/knowledge-center/no-access-control-allow-origin-error/