http和https的问题

最新推荐文章于 2023-11-10 16:47:25 发布
最新推荐文章于 2023-11-10 16:47:25 发布
阅读量379 收藏
点赞数
分类专栏： bug h5 文章标签： http 网络协议 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_38992528/article/details/125201674
版权
h5 同时被 2 个专栏收录
30 篇文章 0 订阅
订阅专栏
bug
2 篇文章 0 订阅
订阅专栏

Mixed Content: The page was loaded over HTTPS，blocked the content must be served over HTTPS.，。。

因为是浏览器不允许在https页面里嵌入http的请求，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。


方法1. 最简单的解决办法当然就是不要使用http请求，把网站上的http请求都迁移到https。


方法2. 也可以页面的head中加入：

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

意思是自动将http的不安全请求升级为https
 

LinDaiuuj
关注
专栏目录
http与https详解
dvlinker的技术专栏
04-30 2万+
http与https详解
【面试常问之网络】计算机网络之HTTP和HTTPS的区别（文末送书福利）
最新发布
m0_52165864的博客
04-22 1万+
为了数据传输的安全，HTTPS协议在HTTP的基础之上加入了SSL、TLS协议，SSL/TLS协议依靠证书来验证服务器的身份，并且为浏览器和服务器之间的通信加密。， 即 HTTP 下加入 SSL 层，HTTPS 的安全基础是 SSL，因此加密的详细内容就需要 SSL，用于安全的 HTTP 数据传输。具体是如何进行加密，解密，验证的，且看下图，下面的称为一次握手。http和https使用的是完全不同的连接方式，同时使用的端口也不同，http使用的是80端口，https使用的是443端口。
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，就不需要修改源代...
[html] H5的哪些特性需要https支持呢？
歌谣的博客
03-23 666
[html] H5的哪些特性需要https支持呢？ service workers 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题
nginx 配置https 并兼容http 或强制http 转为https
qq_41502780的博客
03-14 859
nginx 配置https 并兼容http 或强制http 转为https 原创katios 最后发布于2017-06-21 18:02:31 阅读数 22356 收藏 展开 当我们升级http 为https时，为了兼顾一些访问者还是通过http访问的方式，我们通常采用两种方式。 第一种：http 可以访问，https也可以访问。 第二种：http 访问时，重定向到https。 这里说下第一种方...
hbuilderx本地调试h5 vue应用的时候，怎么使用https证书？
PHP_前端_ios软件制件_概念西瓜专栏
12-22 4412
hbuilderx本地调试h5 vue应用的时候，怎么使用https证书？ 自己生成证书，并修改配置文件！
一篇最好懂的HTTPS讲解
陈立的博客
10-09 268
https这项技术现在已经应用得非常广泛了。随着苹果、Google等各大互联网领头企业纷纷在自己的操作系统、浏览器等主流产品中强制要求使用https，http的淘汰也正式进入了倒计时。 其实https对于客户端开发人员来说并没有什么需要特别注意的地方，因为代码和写http请求时并没有什么两样。但也正是因为这个原因，导致许多客户端开发人员对https并不了解，只知道它是安全的加密网络传输，对其具体的工作原理却一无所知。 那么客户端开发人员到底需不需要了解https呢？我认为还是有一定必要的，掌握了http
HTTP和HTTPS协议，看一篇就够了
热门推荐
不一样的博客
08-03 136万+
一、前言： 我们上网很简单，只需要通过网络服务商开通端口就可以了，每天都在上网，有留意到访问网站链接有什么共同点吗？为什么需要但是为什么要讲HTTP和HTTPS呢？ 二、HTTP和HTTPS发展历史 当我们打开谷歌浏览器输入www.12306.cn,回车很快在浏览器上就看到页面，其中的浏览器就是客户端，负责接受浏览器的是服务器，两者的通信是通过HTTP协议。 什么是HTTP? ...
http 和 https 区别
日入上万
04-25 3901
一、HTTP和HTTPS的基本概念 HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务端请求和应答的标准（TCP），用于从www服务器传输超文本到本地浏览器的传输协议。它可以使浏览器更加高效，是网络传输减少。 HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSl。HTTPS协议的主要作用...
Android WebView https白屏、Http和Https混合问题、证书配置和使用
主要记录一些问题处理记录，部分是作为知识库使用
09-29 2万+
目录前言启用https后白屏（证书错误）修改处理WebView中Http和Https混合问题处理办法Webview的几种内容加载模式证书配置或处理https请求的证书okhttp进行请求：HttpsURLConnection忽略证书 前言 原有项目中有部分界面是用webview展现的h5页面，一直以来都使用的http地址，但有些情况下，用户dns被劫持，页面上出现了一些广告的内容，或者页面就是白屏，总结起来还是因为使用http，页面内容被劫持修改，修改后的内容要么多出广告，要么被修改得加载不出来，因此项目
https页面嵌入http资源解决办法（小白文）
weixin_48030265的博客
11-10 4648
d、使用openssl基于server.key私钥生成server.key.unsecure的解密私钥：openssl rsa -in server.key -out server.key.unsecure。b、使用openssl生成私钥（密码都是定义为123456，后面会用到）：openssl genrsa -des3 -out server.key 1024。c、使用openssl根据私钥生成公钥：openssl req -new -key server.key -out server.csr。
https的页面中可以发起http的请求吗
lee_slly的博客
07-21 1万+
https的页面中可以发起http的请求吗
http和https的区别
前端菜鸟
02-20 908
　超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 　　为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输的安全，HTTPS在HTTP的基础上加入了SSL协议，SSL依靠证书来验证服务器的身份，并为浏览器和服务器之间的通
如何在https网页发送http请求
qq_36070655的博客
04-10 5925
我是通过布置nginx解决的，这里只说思路 背景 当我们在https网页请求http服务时，会被浏览器直接拦截。此时我们可以部署nginx的https服务，然后将https请求转发给我们真正想要的接口 方法 首先下载nginx和openssl。用openssl装证书放到nginx目录下，推荐放到conf目录，后面nginx用到的时候证书地址只用写名字就行了。下面是我nginx的配置以及证书展示，其中org文件这样生成：openssl rsa -in server.key.org -out server.ke
chrome设置跨域和允许https网站中发送http请求
kaerbuka的博客
09-29 4609
允许跨域 --disable-web-security --user-data-dir="C:/ChromeDevSession" 允许使用非安全请求 --allow-running-insecure-content 示例 在chrome快捷方式上右键-->属性-->目标，加入上述参数 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data
小知识 - 访问 http，防止浏览器自动跳转到 https
一只奋斗的猪
10-11 5695
如果Nginx端配置了重定向（强制HTTPS）那么与本地浏览器无关，最终还是访问的是https。 1. 地址栏中输入 `chrome://net-internals/#hsts` 2. 在 `Delete domain security policies` 中输入项目的域名，并 `Delete` 删除 3. 可以在 `Query domain` 测试是否删除成功 【注】这里如果还是不行， 请清除浏览器缓存！
10分钟看懂HTTP / HTTPS 常见问题
danchaohui的博客
09-11 2047
HTTP问题大集合 1、HTTP常见的状态码有哪些？ ​ 200 OK 常见的成功状态码，如果是非 HEAD 请求，返回响应头部会有 body数据 204 No Content 与200相同，但是头部没有 body 数据 206 Partial Content 用于HTTP分块下载和断电续传，响应返回的body数据不是全部资源 301 永久重定向，请求资源已经不存在，需要改用新的URL访问 302 临时重定向，需要使用另一个URL来访问 二者都会在响应头中的 Location 指明
关于http和https允许请求设置header问题
TryCatch
11-25 1万+
在给微信小程序提供接口的时候使用的是https，token是放在header里面， 不过服务器一直没获取到，怀疑可能是nginx没有允许设置header。解决办法就是在nginx配置文件里面加上underscores_in_headers on; ### wechatapi Start upstream wechatapi { server localhost:8009; }
让浏览器不再显示 https 页面中的 http 请求警报，所有静态资源强制转https
糖糖糖糖糖先森
12-13 1万+
HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错：Mixed Content: The page at ‘https://www.tqcto.com/‘ was loaded over HTTPS, but requested an insecure imag
https和http跨域问题处理
07-14
https和http之间的跨域问题是由于浏览器的同源策略引起的。同源策略要求网页只能访问同源（协议、域名、端口号相同）的资源，而访问不同源的资源会受到限制。 为了处理https和http之间的跨域问题，可以考虑以下几种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值