Html 浏览域时样式不起作用

当我浏览网站使用其ip地址的风格加载罚款。但当我试图用域名做这件事时，这种风格就不起作用了。有趣的是，我检查了输出html和css源代码，它们100%相同。那么为什么浏览器在域模式下不显示样式呢

直接ip浏览-

查看源代码：http://22.199.66.33/

域浏览-

查看源代码：https://www.ogibogi.com/

这里我检查了两个源输出代码-

知道怎么修吗

注意：我将cloudflare与域一起使用

---

注意：这是在更改主机服务器后发生的。

检查浏览器控制台中的输出。存在混合内容错误

请参阅Cloudflare知识库，了解如何使用

---

一个简单的修复方法是启用“始终使用HTTPS”和“自动HTTPS重写”。

检查浏览器控制台中的输出。存在混合内容错误

请参阅Cloudflare知识库，了解如何使用

---

一个简单的修复方法是启用“始终使用HTTPS”和“自动HTTPS重写”。

Faiz的回答是正确的。转到crypto选项卡并将自动HTTPS重写设置为on。但是，这不会影响样式表或javascript文件。而且，您缺少两个脚本和一个css文件

---

要纠正这些错误，您需要使用相对引用。如果您使用完整的URL调用资产，如

，则需要将其更改为

。通过删除http:，浏览器将使用访问者已经使用的协议。而且，在crypto选项卡上，如果将Always use

https

设置为on，则该协议将为

https

，Faiz的答案是正确的。转到crypto选项卡并将自动HTTPS重写设置为on。但是，这不会影响样式表或javascript文件。而且，您缺少两个脚本和一个css文件

---

要纠正这些错误，您需要使用相对引用。如果您使用完整的URL调用资产，如

，则需要将其更改为

。通过删除http:，浏览器将使用访问者已经使用的协议。而且，在crypto选项卡上，如果将Always use

https

设置为on，则该协议将是

https

我已经在cloudflare中启用了“自动https重写”，但问题仍然存在。请注意，这是在更改宿主服务器后发生的。如果您暂停了Cloudflare或打开了开发模式，则更改将不会生效。感谢您的响应，但其未处于开发模式也未暂停。我的问题是，改变托管服务器和ip地址是否会发生这种情况？服务器和ip地址并不重要。检查您的代码-/content-pub和/script-pub有301永久重定向到HTTP。你为什么要那样做？Cloudflare重写URI的尝试因此被取消，如果页面加载了HTTPS，浏览器将阻止加载HTTP文件的尝试。我已经在Cloudflare中启用了“自动HTTPS重写”，但问题仍然存在。请注意，这是在更改宿主服务器后发生的。如果您暂停了Cloudflare或打开了开发模式，则更改将不会生效。感谢您的响应，但其未处于开发模式也未暂停。我的问题是，改变托管服务器和ip地址是否会发生这种情况？服务器和ip地址并不重要。检查您的代码-/content-pub和/script-pub有301永久重定向到HTTP。你为什么要那样做？Cloudflare重写URI的尝试因此被取消，如果页面加载了HTTPS，浏览器将阻止加载HTTP文件的尝试。