[Rails] Einstellungen zum Laden von Web-Schriftarten in CloudFront mit Heroku

Einführung

Sie können eine Rails-App erstellen und statische Dateien in der Cloud platzieren, um sie zu beschleunigen. Aufgrund von CORS-Problemen (Cross-Origin Resource Sharing) können Webschriftarten nur gelesen werden, wenn sie richtig eingestellt sind. config.action_controller.asset_host = 'https://d1adsfkajflajflj.cloudfront.net'

Wenn Sie sich auf frühere Artikel beziehen, wurde dieser im Bearbeitungsbildschirm von CloudFront ausgeblendet und war schwer zu finden. Daher werde ich Aufzeichnungen führen.

AWS Console Wie Sie in der offiziellen Dokumentation und im Webartikel sehen können, konnte ich die Whitelist-Header durch Waschen des Elements "Leagacy-Cache-Einstellungen verwenden" festlegen. Fügen Sie "AllowedOrigin" im Abschnitt "Whitelist Headers" hinzu und speichern Sie es. https://aws.amazon.com/jp/premiumsupport/knowledge-center/no-access-control-allow-origin-error/

• Da der Cache empfangsbereit ist, kompilieren Sie das Teil erneut mit der Schriftart von Assets und geben Sie ihm einen neuen Dateinamen, wenn Sie es auf einem Produktionsserver usw. versuchen.

Referenzartikel

Legen Sie Access-Control-Allow-Origin für Cloudfront Cached-Objekt fest http://www.366service.com/jp/qa/e9d300384bb16161a2f010337ac5128f

Verwenden von Web-Schriftarten mit S3 + CloudFront (FireFox-kompatibel) --Qiita https://qiita.com/Oakbow/items/dae3d383d87d7d0c6344

Beheben Sie den CloudFront-Fehler "No'Access-Control-Allow-Origin'-Header ist vorhanden" https://aws.amazon.com/jp/premiumsupport/knowledge-center/no-access-control-allow-origin-error/