关于页面混合加载这件事

最新推荐文章于 2024-04-27 09:13:51 发布
VIP文章 最新推荐文章于 2024-04-27 09:13:51 发布
阅读量494 收藏
点赞数
分类专栏： JavaWeb学习 文章标签： java 开发语言 http https
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq309648008/article/details/127061471
版权

关于页面混合加载这件事

网站支持了HTTPS后，发现站点的图片加载不出来了。

排查

HTML代码

右键审查图片元素看到src属性上的地址为HTTP协议的完全路径，一时没感觉到有什么问题。

控制台

Network

检查浏览器的Network查看发出的请求，赫然发现Chrome浏览器对于图片却发出了HTTPS协议的请求，疑惑不解。

Console

发现Chrome在控制台上发出了一则警告

Mixed Content: The page at 'https://www.xxx.cn/about/' was loaded over HTTPS, but requested an insecure element 'http://www.xxx.cn:9090/files/-40536088dfc0eff_1663863204531.jpg'. This request was automatically upgraded to HTTPS, For more information see https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html

看到这里明白了，Chrome这家伙认为不安全的，所以自动升级到了HTTPS协议，还贴上了链接可以去详细查看。

分析

由于我的网站是前后端不分离的应用&#x

最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓嵌入式混合开发，使用webview加载vue页面，使用keep-alive缓存的问题。
01-21
问题描述 在嵌入式开发android app时，使用webview来加载vue开发的web应用，如果只是单纯的使用keep-alive来缓存页面数据。会导致，用户token过期，或是用户退出登录，缓存的页面数据还在，哪怕换个用户登录，页面的数据居然还是上一个用户登录后留下的数据，这个bug怎么能行？ 怎么解决？ 第一步：前端肯定从keep-alive入手 由这种不控制缓存页面的方式，修改为 // ++++++++++++++++++++ computed: { key() { return this.$route.path; }, cached
qt实现web服务器加载vue应用进行C++和html混合编程-连载【6】源码
09-03
qt实现web服务器加载vue应用进行C++和html混合编程-连载【6】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)
.NET混合开发解决方案11 WebView2加载的网页中JS调用C#方法.doc
07-10
.NET混合开发解决方案11 WebView2加载的网页中JS调用C#方法.doc
探索Oracle之数据库升级二 11.2.0.3升级到11.2.0.4完整步骤--测试成功版本
cuiyan1982的专栏
12-13 4963
原文地址：http://blog.itpub.net/20674423/viewspace-1352257/
6-3 compose实战
huanglianggu的专栏
03-25 456
6-3 compose实战 vim Dockerfile FROM ghost COPY ./config.js /var/lib/ghost/config.js EXPOSE 2368 CMD ["npm", "start", "--production"] vim config.js var path = require('path'), config; config = { production:{ url:'http://mytestb...
html http协议默认升级成https协议
qq_40816144的博客
12-23 5586
网站报错如下： Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure element '<URL>'. This request was automatically upgraded to HTTPS, For more information see <URL> 本人遇到的问题是http图片路径，默认加载成了https，但是没有配置https协议，导致 图
在HTTPS 网页中引入HTTP资源 Mixed Content
前端看世界
04-06 4846
Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure element ‘’. This request was automatically upgraded to HTTPS, For more information see 在 HTTPS 网页中引入 HTTP 资源，先不谈跨域的问题。 原因是浏览器安全限制 HTTPS 不能加载 HTTP 是安全限制，不能加载比自己还低的安全级别 部分浏览器会认.
https请求失败，解决方法
weixin_30518397的博客
10-29 1483
把请求头中Content-Type 属性去掉就可以了 转载于:https://www.cnblogs.com/kaibindirver/p/9873088.html
This request has been blocked; the content must be served over HTTPS.
架构师修炼道路
10-23 13万+
HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错： Mixed Content: The page at ‘https://www.taobao.com/‘ was loaded over HTTPS, but requested an ins
React Native 混合开发多入口加载方式详解
12-13
在已有app混合开发时，可能会有多个rn界面入口的需求，这个时候我们可以使用RCTRootView中的moduleName或initialProperties来实现加载包中的不同页面。 目前使用RCTRootView有两种方式： 使用initialProperties传入...
Android和ReactNative混合开发Demo
09-03
Android和ReactNative混合开发Demo,包含Android原生加载RN页面，Android原生调用RN函数，RN函数调用原生函数
英文高频词
热门推荐
自然语言处理及大数据
09-08 31万+
('rods', 100) ('carbohydrates', 100) ('stresses', 100) ('premiered', 100) ('cyrus', 100) ('drastically', 100) ('eukaryotic', 100) ('witchcraft', 100) ('accompaniment', 100) ('conventionally',
Kubernetes实录-第一篇-集群部署配置(8) 使用kubeadm配置升级kubernetes集群
新梦易明
08-27 436
Kubernetes从1.13.0 升级到 1.15.1版本 备注：没有整理，只是将之前的笔记贴这里，防止笔记丢失。 注意点： Kubernetes申请不能跨越minor版本，也就是1.13.x 要升级到1.15.x 需要先升级到中间版本1.14.x 先升级其中一个master，然后升级其他master，最后逐一升级worker节点（先踢出去，pod转移） 网络插件calica单独升级 当...
docker push 报错:Get https://172.16.0.100:5000/v2/: http: server gave HTTP response to HTTPS client
weixin_47387140的博客
02-09 912
原因: docker配置文件中 私有仓库地址指定错误。#解决: 写入正确的私有仓库地址，重启docker服务。
Unverified HTTPS request is being made to host.
糖果云专栏
07-22 1万+
在爬虫的时候出现一些报错但是并不影响其效果。 我们将其警告隐藏即可。 错误提示： Unverified HTTPS request is being made to host '爬取的网址'. Adding certificate verification is strongly advised. See: https://urllib3.readthedocs.io/en/latest/advanced-usage.html#ssl-warnings #在前面加上 requests.packag
解决浏览器自动将http跳转至https导致无法访问的问题
Gopher
10-27 1万+
最近在宝塔面板申请免费的SSL证书后，部署证书的80端口下的网站可以通过https正常访问，但其他未部署证书的端口也被强制跳转至https请求，导致浏览器提示不安全从而无法访问。宝塔的8888端口也不能访问，当时那是一个慌。在安装配置SSL证书时，可以使用一种能使数据传输更加安全的Web安全协议，即在服务器端上开启HSTS ，它会告诉浏览器只能通过HTTPS访问，而绝对禁止HTTP方式。因此，只要关闭浏览器的HSTS功能就可以解决这个问题，但是只能通过特定的方式，而不是清除浏览器缓存那么简单。
谷歌浏览器针对http强制转换为https的问题
05-07 8209
原因：谷歌浏览器的 .dev和.app域名问题 原文： Chrome 63 now forces .dev domains to HTTPS DECEMBER 07, 2017/ERIC L. BARNES Starting today, Google Chrome is rolling out v63 that now forces all .dev domains...
java方法重写（重点讲），方法重载
最新发布
weixin_46281068的博客
04-27 1014
一、方法重载定义：一个类中，出现多个方法的名称相同，但是它们的形参列表是不同的，那么这些方法就称为方法重载了。注意：一个类中，只要一些方法的名称相同、形参列表不同，那么它们就是方法重载了，其它的都不管（如:修饰符，返回值类型是否一样都无所谓）。形参列表不同指的是:形参的个数、类型、顺序不同，不关心形参的名称。应用场景：开发中我们经常需要为处理一类业务，提供多种解决方案，此时用方法重载来设计是很专业的。
qt实现web服务器加载vue应用进行c++和html混合编程
09-04
Qt是一个跨平台的应用程序开发框架，可以用于创建Web服务器以加载Vue应用并进行C++和HTML混合编程。 首先，我们需要使用Qt的网络模块来创建一个Web服务器。通过监听特定端口号，我们可以接收来自客户端的HTTP请求，并将其路由到相应的处理函数上。 接下来，我们可以使用Qt的嵌入式Web引擎（例如Qt WebEngine或Qt WebKit）来加载Vue应用的HTML文件。这些引擎可以将HTML文件解析成可交互的Web页面，并通过JavaScript与C++代码进行通信。 在C++代码中，我们可以定义与Vue应用进行交互的接口。例如，我们可以定义一个Qt信号与槽机制，当Vue应用中的某个事件发生时，触发一个与之相对应的C++函数。这样，我们就可以通过C++代码来执行一些业务逻辑或返回数据给Vue应用。 另外，我们还可以通过Qt的网络模块与后台服务器进行通信。这样，我们就可以在Vue应用中发起HTTP请求，获取数据或与服务器进行交互。 总结起来，要实现Qt实现Web服务器加载Vue应用进行C++和HTML混合编程，我们需要使用Qt的网络模块创建Web服务器，使用嵌入式Web引擎加载Vue应用的HTML文件，并通过C++代码与Vue应用进行交互。同时，我们也可以通过Qt的网络模块与后台服务器进行通信。这样，我们就可以在一个单一的应用中实现了C++和Vue应用之间的混合编程。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值