загрузочные глификоны, которые я использую в своем приложении, работают только на сафари, а не на хром или firefox. Изображения глификонов приведены ниже.глификоны, не работающие в firefox и chrome
Я использую CloudFront принять все статическое содержимое. Я отправил аналогичный вопрос раньше, и ответ указал, что конфигурации на CDN могут быть проблемой, так как он отлично работает над разработкой. Изменения, внесенные мной в CDN, приведены ниже.
Ответ, упомянутый в белом списке имени хоста производственной среды. Я нажал на вкладку «Распределение», «Настройка распространения» и «Поведение», и я нажал «Изменить». Я изменил «Передовые заголовки» с «Нет (улучшает кеширование)» на «Белый список». Появится раздел «Заголовки белых списков», и я добавлю «хост» в список. Это было единственное место, где я мог «переименовать» имя хоста. Я не совсем уверен, правильно ли я это сделал.
Он все еще не работает на хромированном. Я попытался использовать firefox, чтобы узнать, есть ли проблема с Chrome, но он также не работает на firefox. Он работает только на сафари.
Я также установил config.serve_static_files = true в производственной среде.
Как я уже говорил, ранее был опубликован аналогичный вопрос, но нет решения. Любая помощь будет высоко оценен. Благодаря!
После просмотра хром-консоли я вижу следующие ошибки.
https://d24b01zeuxnthb.cloudfront.net/assets/bootstrap/glyphicons-halflings…gular-bd18efd3efd70fec8ad09611a20cdbf99440b2c1d40085c29be036f891d65358.ttf Failed to load resource: the server responded with a status of 404 (Not Found)
https://d24b01zeuxnthb.cloudfront.net/assets/sprites/[email protected]29b3010a7c584eb3ed186be.png Failed to load resource: the server responded with a status of 404 (Not Found)
Font from origin 'https://xxxxxxxxx.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 'https://scorecliq.herokuapp.com' is therefore not allowed access.
Вы проверяете консоль инструментов разработчика Chrome, чтобы узнать, есть ли ошибка, связанная с загрузкой ресурса? – Conti
Возможно, у вас есть 2 разных вопроса, но я бы предложил быстро взглянуть на конфликты кэширования заголовков AWS Cloudfront Forward: http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/header-caching.html http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/header-caching.html#header-caching-rtmp Существует также вероятность того, что вам может потребоваться перечислить ссылку на CDN в среде вашего Dev , также. Я всегда смотрю на код в версии браузера, чтобы убедиться, что ссылка на файл верна. –
@MarceloMartins, я обновлю свой вопрос с ошибками, которые я получаю от просмотра хром-консоли. – kpaul