1、请求连接报错
block:mixed-content
2、问题所在
浏览器不允许在https页面里嵌入http的请求
3、处理方案
（1）将后台服务都进行https升级，前端代码将http连接改为https
（2）如果前端页面太多http，可以在页面head中设置请求自动升级
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
https网站访问http出现block:mixed-content
2021-11-25
407
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
https网站访问http出现block:mixed-content
目录
相关文章
|
1月前
|
缓存
安全
网络协议
HTTP和HTTPS的区别有哪些？
本文简要总结了 HTTP 和 HTTPS 的区别，从概念、端口、连接方式、使用场景、安全性等多个角度进行了对比。HTTP 是无状态的、无连接的应用层协议，适用于一般性网站和性能要求较高的应用；HTTPS 则通过 SSL/TLS 层提供加密、认证和完整性保护，适用于涉及敏感信息和高安全性的场景。文章还讨论了两者在性能上的差异，包括握手和加密开销、缓存效果以及 HTTP/2 的多路复用技术。最终，根据具体需求选择合适的协议能够更好地平衡安全性和性能。
94
2
2
|
16天前
|
前端开发
JavaScript
安全
前端性能调优：HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性，HTTP/2显著提升了Web性能。同时，HTTPS确保了数据传输的安全性。文章提供了示例代码，展示了如何使用Node.js创建一个HTTP/2服务器。
30
3
3
|
4天前
|
缓存
安全
网络安全
|
17天前
|
前端开发
安全
应用服务中间件
前端性能调优：HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第26天】随着互联网的快速发展，前端性能调优成为开发者的重要任务。本文探讨了HTTP/2与HTTPS在前端性能优化中的应用，介绍了二进制分帧、多路复用和服务器推送等特性，并通过Nginx配置示例展示了如何启用HTTP/2和HTTPS，以提升Web应用的性能和安全性。
17
3
3
|
18天前
|
前端开发
JavaScript
数据库
|
22天前
|
安全
前端开发
JavaScript
|
1月前
|
1月前
|
1月前
|
安全
应用服务中间件
Shell
|
1月前
|
安全
应用服务中间件
网络安全
修复HTTPS升级后出现 Mixed Content: The page at 'https://xxx' was loaded over HTTPS, but requested an insecure frame 'http://xxx'. This request has been blocked; the content must be served over HTTPS. 的问题
修复HTTPS升级后出现 Mixed Content: The page at 'https://xxx' was loaded over HTTPS, but requested an insecure frame 'http://xxx'. This request has been blocked; the content must be served over HTTPS. 的问题
132
0
0
热门文章
最新文章
1
如何申请阿里云免费SSL证书（可用于https网站）并下载下来
2
7.7. HTTP Auth
3
谷歌Chrome封杀赛门铁克：废止所有HTTPS凭证
4
HTTPS部署笔记
5
https httpclient 请求不绕过 证书
6
HTTPS协议实现的原理
7
网站使用HTTPS会不会成为趋势？
8
Java发送Http请求（HttpClient）
9
阿里云虚拟主机HTTPS（HTTP+SSL）加密开通了
10
HTTP协议GET和POST请求的区别
1
Android 深入Http（5）从Retrofit源码来看Http，最新Android开发面试解答
50
2
http协议 报文 给你讲明白咯，web开发基础
32
3
Android-音视频学习系列-(八)基于-Nginx-搭建(rtmp、http)直播服务器
109
4
探索HTTP协议：网络通信的基石
66
5
第十一篇 前沿趋势与展望：深入探索GraphQL、RESTful API、WebSocket、SSE及QUIC与HTTP/3
108
6
第八篇 提升网页性能：深入解析HTTP请求优化策略（三）
172
7
第七篇 提升网页性能：深入解析HTTP请求优化策略（二）
195
8
第六篇 提升网页性能：深入解析HTTP请求优化策略（一）
77
9
第三章 前端发起HTTP请求
54
10
第二章 HTTP请求方法、状态码详解与缓存机制解析
112