网页中的一个资源在https下不能加载的问题

最新推荐文章于 2024-08-18 02:57:59 发布
原创 最新推荐文章于 2024-08-18 02:57:59 发布 · 664 阅读 · 10 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#1024程序员节
文章讨论了一个网页中，由于历史资源部署在非标准路径下，导致HTTPS访问时CSS文件加载失败的问题。尽管HTTP能正常访问，但HTTPS请求下浏览器默认使用HTTP协议寻找资源，分析了这一现象背后的原因。

问题比较特殊，背景描述如下：

一个网页访问的路径是 /abc/road/index.html , 因为历史原因其中的资源部署在 /abc/road2 目录下，所以index.html  对CSS的文件引入是 

<link rel="stylesheet" href="/road2/css/index.css?v=V3.1.0">

问题表现如下：

通过http可以正常访问此页面，但是https 访问不能正常加载上述index.css文件F12查看显示 在https协议访问此页面时，浏览器仍是通过http访问了此index.css文件。

问题原因如下：

budapest
关注
使用https访问网站静态资源无法加载
IT_townlet的博客
10-13 8275
最近发现公司m站使用https访问的时候，样式无法加载，F12查看发现js，css等样式还是以http开头的，并且提示 This request has been blocked; the content must be served over HTTPS，因为HTTPS 承载的页面上不允许出现 http 请求，所以遇到http的样式就无法加载了。后台是使用 request.getScheme()...
6-2、选择器
鸵鸟
09-06 1105
选择器
解决https加载不了http的视频流资源
duhubin的博客
03-09 6715
Upgrade Insecure Requests 是用来解决让浏览器自动升级请求，upgrade-insecure-requests 指令指示客户端将该站点的所有不安全URL被视为替换成安全URL，但是在我的个人使用情况下仍然不能正常显示，F12打开后仍然报错Mixed Content，点进去这个错误，这是浏览器可以访问这个不安全的https视频流后可以正常显示。再对前端界面进行相应的修改，将你上面代理的http的头，替换成https的头，如下图。现在已经可以正常访问你的界面了，而且浏览器显示安全。
解决https网页加载http资源报错问题
fastboot
02-05 5195
先回顾一下浏览器这一改变历史问题，在Chrome 90以前版本中，浏览器中输入网址后，会先定向至http://连接，而自打Chrome 浏览器 90以后的版本，用户输入网址URL时，如果不加上http://等前缀，浏览器就会默认添加“https://”。 浏览器默认是不允许在HTTPS里面引用HTTP资源的,一般都会弹出提示框,用户确认后才会继续加载,用户体验非常差。而且如果在一个HTTP...
网站https加载不出css样式_WordPress网站解决方案（超详细图文教程）
weixin_39889792的博客
11-23 2617
简介： 之前自己搭建一个WordPress个人网站： 最近发现访问比较慢，于是乎进行了排查，下面是优化的方案。前言之前自己搭建一个WordPress个人网站：最近发现访问比较慢，于是乎进行了排查，下面是优化的方案。优化前：加载耗时：21秒+优化后：加载耗时：250毫秒优化后访问速度提升84倍+解决方案流程图流程图问题&解决方案&验证定位问题(加载一个CSS超时)解决步骤下载访问超时...
怎样解决https网页加载http资源报错问题
fastboot
07-26 3972
先回顾一下浏览器这一改变历史问题，在Chrome 90以前版本中，浏览器中输入网址后，会先定向至http://连接，而自打Chrome 浏览器 90以后的版本，用户输入网址URL时，如果不加上http://等前缀，浏览器就会默认添加“https://”。 浏览器默认是不允许在HTTPS里面引用HTTP资源的,一般都会弹出提示框,用户确认后才会继续加载,用户体验非常差。而且如果在一个HTTP...
解决https页面加载http资源报错
前端啤酒屋
08-06 7787
HTTPS（HyperText Transfer Protocol Secure）是一种通过使用SSL/TLS加密通信来保护数据传输的协议，它确保了客户端和服务器之间的安全连接。当HTTPS页面尝试加载非加密的HTTP资源时，如何解决存在的问题？
Android webview加载https网页时图片无法加载显示问题
sinat_32504127的博客
06-28 3390
webview加载https网页，在android 5.0以上，如果图片内容是http的，那么是无法加载出来的 webview 从Lollipop(5.0)开始 webview默认不允许混合模式，https当中不能加载http资源，如果要加载，需单独设置开启 settings.setBlockNetworkImage(false); // 允许从任何来源加载内容，即使起源是不安全的；...
如何解决https强制转换后，无法加载CSS、JS以及安全绿标不显示的问题
HelloWorld
04-22 4977
昨天使用阿里云CDN对站点进行强制https配置后，突然出现了一个bug，我站点内的所有CSS内容和JS内容均无法加载，全站皆以HTML的格式呈现了。后来google了一下，我的解决方法是这样的： 编辑Typecho站点根目录下的文件config.inc.php，加入下面一行配置 /** 开启HTTPS */ define('__TYPECHO_SECURE__',true); 然后修改后台设置...
网站https加载不出css样式_给网站添加暗黑模式指南
weixin_39805087的博客
11-30 627
作者|廖伟华(大貘) 出品|阿里巴巴新零售淘系技术部导读：给网站添加暗黑模式是随着macOS中的暗黑模式(Dark Mode)出现之后的一个热门话题。社区中有关于这方面的讨论也很多，都在围绕着怎么给网站添加暗黑模式。今天在这篇文章再次和大家一起聊聊这个已久的话题，不同的是，这篇文章将和大家从不同的角度来聊怎么给网站添加暗黑模式。感兴趣的同学，请继续往下阅读。暗黑模式是系统级别的所谓的暗黑模式并不是...
http和https协议下，http可以正常下载，但是https却不能
热门推荐
liubin5620的博客
04-10 1万+
http协议下文件可以正常下载，但是在https协议下文件却不能正常下载，是怎么一回事情呢？
https访问遇到“已阻止载入混合活动内容”
林小易的博文
08-24 7431
前言 最近在主导公司网站进行全站Https改造工作，本文记录在改造过程中遇到的一个由于后端302跳转导致前端浏览器阻止访问的问题，感觉这样的问题有一定通用性，所以编辑成文，希望能给遇到类似问题的人们有所帮助。 问题复现 经过一段时间的调研工作，终于将公司的环境改造成支持https访问模式，信心满满的打开公司测试环境主页，https://test.xxx.com。一切正常，就在我以为改造工作就要完成的时候，问题就出现了。 进入主页正常，输入用户名和密码登录，页面就不动了。调出Firefox的控制台查看，发现这
解决https不能访问， http能访问的 问题
daozhongyang的专栏
01-30 244
通常出现https不能访问，  但是http可以访问的问题  原因是  服务器的防火墙开了， 443拦截了， 解决方法： 在服务器端命令行中, 依次输入以下命令      ...
网站运维：服务器已部署SSL，开启https协议，为什么浏览器仍然提示不安全，的解决方法！！！！！
weixin_43731793的博客
06-21 1万+
服务器已部署SSL，全站开启了https协议访问了，为什么浏览器仍然提示不安全？是证书无效吗？ 1、客户网站虽然已经可以使用https访问了，但网站上仍然还有http协议的js,css,jpg或iframe的资源，因此导致浏览器不出现绿色安全锁。 2、为了让浏览器完全显示https安全锁，那么需要我们在部署https协议后，对整站进行清理，包括静态页面的http全路径、javascript静态资源...
https页面 和 http请求的问题 汇总
FREEDOM
07-02 1万+
https页面中不能使用http请求，http页面中可以使用https请求。关于在https 页面有一些http的请求，可以在&lt;head&gt;&lt;/head&gt;中设置&lt;meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"&gt;来自动升级http到https，就不需要修改源代...
embed不显示问题
weixin_30681121的博客
12-28 2121
如果https下访问如下代码，视频不显示 原因：https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止，这就会给你带来资源不全的问题了，比如：图片显示不了，样式加载不了，JS加载不了。 解决办法：不指定具体协议，使用资源协议自适配 转载于:https://www.cnblogs.com/xsffliu/p/10190387.html...
ssl不加载css wp_wordpress全站https后常见问题及解决办法分享
weixin_26895511的博客
01-17 883
摘要：使用过百度熊掌号的童鞋都清楚，如果我们的网站为https那可以为熊掌号的搜索指数增加30分，除此之外，wordpress...使用过百度熊掌号的童鞋都清楚，如果我们的网站为https那可以为熊掌号的搜索指数增加30分，除此之外，wordpress的https化，可以有效的提升安全性，防劫持，且被百度搜索青睐。首先考虑到技术小白站长，所以大挖需要和大家做一个信息对等的知识点普及工作，大挖简单讲...
tomcat服务，配置https后静态资源加载失败如何解决
最新发布
weixin_42557537的博客
08-18 299
方法一：1、配置Tomcat server.xml 的 Engine 模块开始的地方配置一个 Valve：remoteIpHeader="X-Forwarded-For"protocolHeader="X-Forwarded-Proto"portHeader="x-forwarded-port"proxiesHeader=...
网页文件加载失败如何重试
2301_76364917的博客
07-16 816
本文由团队出品在我们开发网站应用时，我们可能会遇到脚本加载失败的情况，导致脚本加载失败的原因有很多，比如用户的网络问题、终端设备问题、用户浏览器版本等诸多因素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值