стиль не работает при просмотре через домен

Question

Когда я просматриваю веб-сайт, используя его IP-адрес, стиль загрузки отлично. Но когда я пытаюсь сделать это, используя доменное имя, то стиль не работает. Интересно то, что я проверил оба выходных HTML, исходный код CSS для кода, и они на 100% одинаковы. Тогда почему браузер не показывает стиль в доменном режиме?

прямой ip-просмотр- view-source:http://22.199.66.33/

просмотр домена- view-source:https://www.ogibogi.com/

здесь я проверил оба исходных кода вывода- https://www.diffchecker.com/diff

Есть идеи, как это исправить?

Примечание: я использую cloudflare с доменом.

Примечание: это происходит после смены хост-сервера.

Answer 1

Проверьте вывод в консоли вашего браузера. Ошибка смешанного содержимого.

Обратитесь к Cloudflare KB, чтобы узнать, как устранить ошибку смешанного контента .

Простое решение - включить «Всегда использовать HTTPS» и «Автоматическая перезапись HTTPS».

Answer 2

Ответ от Файза правильный. Перейдите на вкладку crypto и включите автоматическую перезапись HTTPS. Но это не повлияет на таблицы стилей или файлы JavaScript. И у вас есть два отсутствующих сценария и один отсутствующий файл CSS.

Чтобы исправить это, вам нужно использовать относительную ссылку. Если вы вызываете ресурс с полным URL-адресом, например, <img src="http://example.com/image.jpg" />, вы можете изменить его на <img src="//example.com/image.jpg" />. При удалении http: браузер будет использовать тот протокол, который уже используется посетителем. И на вкладке шифрования, если вы установите Всегда использовать https вкл, этот протокол будет https.