Загрузка шрифта в приложение приводит к ошибке смешанного содержимого, после чего шрифт блокируется

все отлично работает со шрифтом в нашей тестовой среде с прошивкой 6.4.13 до 6.4.16.1

в тестовой среде облачного приложения из магазина мы получаем следующую ошибку:

Смешанное содержимое: страница '' была загружена через HTTPS, но запросила небезопасный шрифт ''. Этот запрос был заблокирован; контент должен передаваться через HTTPS. awesomebestappever-xyz.sw-testenvironment.de/:1

Смешанный контент: страница «https://awesomebestappever-xyz.sw-testenvironment.de/shop/public/» была загружена через HTTPS, но запросила небезопасный шрифт «http://awesomebestappever-xyz.sw-testenvironment.de». /магазин/публичный/'. Этот запрос был заблокирован; контент должен передаваться через HTTPS.

шрифт находится в appname/Resources/public/fontname/ затем загружается в соответствующий файл scss в Resources/app/storefront/src/scss/fonts/fontname.scss при импорте в base.scss

включение происходит по схеме:

@font-face {
font-family: 'fontname';
font-style: normal;
font-weight: 400;
src: url('/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */ }

теперь я действительно не вижу проблемы в том, почему он пытается загрузить шрифт небезопасно. Могу ли я что-нибудь сделать, чтобы заставить его использовать HTTPS?

Я также вижу на вкладке сети, что он загружает шрифт, например: https://awesomebestappever-xyz.sw-testenvironment.de/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.woff2

но в тестовой среде это должно быть: https://awesomebestappever-xyz.sw-testenvironment.de/shop/public/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.woff2

это ошибка с моей стороны или что-то не так со стороны магазина в среде облачного приложения, может быть, в sw 6.4.17?

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
64
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте использовать переменную $sw-asset-theme-url, которая должна дать вам абсолютный URL.

src: url('#{$sw-asset-theme-url}/bundles/awesomebestappever/fontname/fontname-v17-latin-regular.eot');

плохо попробовать это. это не упоминается ни здесь: developer.shopware.com/docs/guides/plugins/plugins/storefron‌​t/… , ни здесь: developer.shopware.com/docs/guides/plugins/themes/…

Marc Cheng 03.11.2022 11:06

кажется, это так работает. может быть, кто-то должен обновить документы тогда: D

Marc Cheng 03.11.2022 14:34

Другие вопросы по теме