当我浏览使用其ip地址的网站时,样式加载正常。但是当我尝试使用域名时,样式就不起作用了。有趣的是,我检查了两个输出html和css的源代码,它们是100%相同的。那么为什么浏览器不在域模式下显示样式呢?
直接ip浏览- view-source:http://22.199.66.33/
域浏览- view-source:https://www.ogibogi.com/
这里我检查了两个源输出代码- https://www.diffchecker.com/diff
你知道怎么修复它吗?
注意:我正在对域使用cloudflare。
注意:这是在更换主机服务器后发生的。
发布于 2019-07-11 21:30:17
在浏览器的控制台中检查输出。存在混合内容错误。

有关如何使用troubleshoot mixed content error,请参阅Cloudflare知识库。
一个简单的解决方法是启用“始终使用HTTPS”和“自动HTTPS重写”。
发布于 2019-07-12 04:05:29
Faiz的答案是正确的。转到加密选项卡,并将自动HTTPS重写设置为打开。但是,这不会影响样式表或javascript文件。而且,您还缺少两个脚本和一个css文件。
要纠正这些问题,您需要使用相对引用。如果您正在使用完整的URL调用一个资产,比如<img src="http://example.com/image.jpg" />,那么您可能希望将其更改为<img src="//example.com/image.jpg" />。通过删除http:,浏览器将使用访问者已经使用的任何协议。而且,在加密选项卡上,如果您将Always use https设置为on,则该协议将为https。
https://stackoverflow.com/questions/56989747
复制相似问题