Rails + Cloudfront - заголовок Access-Control-Allow-Origin отсутствует

Вот пример приложения Rails 5.2, которое обслуживает пользовательский шрифт через CloudFront. Он работает на Heroku с надстройкой Edge, но применяется к любой настройке Rails / CloudFront.

https://github.com/nzoschke/edgecors

Сначала вам нужно настроить CloudFront для пересылки заголовка браузера Origin.

Затем используйте гем rack-cors и добавьте конфигурацию в свой Rails config/application.rb:

module EdgeCors
  class Application < Rails::Application
    config.middleware.insert_before 0, Rack::Cors do
      allow do
        origins %w[
          http://edgecors.herokuapp.com
          https://edgecors.herokuapp.com
        ]
        resource '/assets/*', headers: :any, methods: [:get, :post, :options]
      end
    end
  end
end

Измените белый список происхождения на URL своего веб-сайта.

Теперь запросы от https://edgecors.herokuapp.com к шрифту в https://abcdefghikl.cloudfront.net/assets/fonts/din-regularalternate-webfont-79090091223f0c54d7042ef125ad4f26.ttf будут отправляться обратно в исходное приложение Rails.

Промежуточное ПО анализирует заголовок Origin и добавляет заголовок Access-Control-Allow-Origin: https://edgecors.herokuapp.com к ответу, если он находится в белом списке.

Браузер успешно загрузит шрифт. И CloudFront будет кешировать.