Mixed Content: xxx This request has been blocked; the content must be served over HTTPS.

最新推荐文章于 2024-11-08 23:42:23 发布
原创 最新推荐文章于 2024-11-08 23:42:23 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍在HTTPS网页中引入HTTP资源导致的MixedContent问题及其解决方案。当HTTPS页面动态引入HTTP资源时，如JS文件或通过AJAX请求HTTP资源，浏览器会直接阻止这些不安全的请求。文章提供了一种解决方案，即在页面头部加入特定的元标签，自动将HTTP请求升级为HTTPS，以确保网页的安全性和完整性。

问题：如何在HTTPS 网页中引入HTTP资源： Mixed Content？

原因：HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。

解决方案：<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
在相应的页面的里加上这句代码，意思是自动将http的不安全请求升级为https

This request has been blocked； the content must be served over HTTPS.
猿小白的博客
05-27 1730
Mixed Content: The page at 'xxxxxx' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://xxxxxx'. This request has been blocked; the content must be served over HTTPS. 解决办法： 在HTML中的head标签中添加下面代码，即可解决此问题。 <meta http-e...
nginx代理服务报Mixed Content: The page at ‘https://xxx.com‘ was loaded over HTTPS
Bertram的博客
04-18 9372
使用nginx代理后端服务时出现如下错误: Mixed Content: The page at ‘https://xxx.com’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://xxx.com’. This request has been blocked. the content must be served over HTTPS. 错误原因: nginx代理的https页面中加载的内容使用的http协议导致报
Mixed Content错误问题This request has been blocked； the content must be served over HTTPS.
easyboot的专栏
12-04 2117
调用nginx的时候发现出现下面的错误！ 是http和https的问题 百度后知道在页面中加入 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta na...
nginx This request has been blocked； the content must be served over HTTPS问题处理
山巅
04-08 2630
例如，当客户端使用HTTPS协议访问Nginx代理服务器，但Nginx代理服务器转发给上游服务器的协议类型为HTTP时，上游服务器会认为这个请求是不安全的，因为它没有收到客户端与Nginx之间的SSL加密通信。此外，还需要确保在Nginx配置文件中启用了proxy_set_header指令。那么，Nginx就会在发送请求给上游服务器时，将"x-forwarded-proto"字段值设置为"https"，这样上游服务器就可以正确地判断请求的协议类型是HTTPS，并做出相应的处理了。
this request has been blocked;the content must be served over https
止于至善
07-19 2万+
1、错误： this request has been blocked;the content must be served over https 2、遇到错误的情况： 在github page搭建自己写的页面时。搭建成功后，访问自己的页面返回的错误。我的页面阻止的是jQuery的官网引入的jQuery。 &lt;script src="http://code.jquery.com/jqu...
Mixed Content: The page at 'https://www.4399.com/flash/78072qh.htm' was loaded over HTTPS, but requested an insecure script 'http://newsimg.5054399.com/js/checkMobile.js'. This request has been blocked; the content must be served over HTTPS. 78072qh.htm:9 Uncaught ReferenceError: check_mobile is not defined at 78072qh.htm:9:9 (匿名) @ 78072qh.htm:9 78072qh.htm:16 document.domain mutation is ignored because the surrounding agent cluster is origin-keyed. (匿名) @ 78072qh.htm:16 78072qh.htm:161 Mixed Content: The page at 'https://www.4399.com/flash/78072qh.htm' was loaded over a secure connection, but contains a form that targets an insecure endpoint 'http://news.4399.com/zmxy3/search.php'. This endpoint should be made available over a secure connection. 78072qh.htm:63 Mixed Content: The page at 'https://www.4399.com/flash/78072qh.htm' was loaded over HTTPS, but requested an insecure frame 'http://sda.4399.com/4399swf/upload_swf/ftp7/hanbao/20120107/6/x3v0529.htm'. This request has been blocked; the content must be served over HTTPS. 78072qh.htm:1 Mixed Content: The page at 'https://www.4399.com/flash/78072qh.htm' was loaded over HTTPS, but requested an insecure script 'http://4399stat.5054399.com/js/click.js'. This request has been blocked; the content must be served over HTTPS. 78072qh.htm:1 Mixed Content: The page at 'https://www.4399.com/flash/78072qh.htm' was loaded over HTTPS, but requested an insecure script 'http://www.4399.com/js/4399stat.js'. This request has been blocked; the content must be served over HTTPS. 78072qh.htm:1 Mixed Content: The page at 'https://www.4399.com/flash/78072qh.htm' was loaded over HTTPS, but requested an insecure script 'http://s25.cnzz.com/stat.php?id=4073713&web_id=4073713&show=pic'. This request has been blocked; the content must be served over HTTPS.
最新发布
04-02
嗯，用户遇到了Mixed Content错误，需要将所有外部资源升级到HTTPS。首先，我得理解这个问题出现的原因。根据引用[3]，这个错误是因为页面通过HTTPS加载，但其中包含HTTP资源，浏览器出于安全考虑会阻止这些非安全...
JimuReport 出现 Mixed Content: The page at ‘https:xxx‘was loaded over HTTPS, but requested an 解决方法
码农研究僧的博客
10-10 646
Mixed Content: The page at 'https://xx.xx.com/drag/index' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://10.197.0.96/drag/page/queryById?id=993801669564268544'. This request has been blocked; the content must be served ove
Nginx+tomcat部署,并开启https,及遇到的问题解决方案
lixizheng的专栏
11-18 2988
原业务系统部署在云服务器上,通过tomcat部署发布,端口80,未开启SSL. 最近因更换服务器,准备把整体架构升级下,使用https,Web容器使用Nginx+tomcat 整体部署步骤如下: 1.云服务器安装部署tomcat,端口默认8080,将原业务系统迁移完成后,本机访问http://127.0.0.1:8080正常; 2.部署Nginx,监听80端口,代理到http://127.0.0.1:8080 外网访问http://服务器IP 正常,Nginx配置如下: server{
Mixed Content: The page at ‘https://xxxx‘ was loaded over HTTPS
整俩下的博客
04-02 945
如果你没有在你的服务器配置中设置X-Frame-Options响应头，大多数现代浏览器会采用默认行为，通常是DENY。因此，如果你不希望页面被嵌入，你不需要设置这个响应头，或者显式地设置为DENY。ALLOW-FROM uri：页面可以被指定来源的页面嵌入，但这个指令已经被废弃，并且不应该再使用。SAMEORIGIN：页面只可以被同源域名下的页面嵌入到iframe或frame中。DENY：页面不会被嵌入到任何iframe或frame中。找到报错对应的页面，在页面模板中引入如下meta标签内容。
android WebView加载不出网页内容This request has been blocked; the content must be served over HTTPS.
jia635的专栏
04-20 8172
This request has been blocked; the content must be served over HTTPS 及其他JS无法显示问题
解决https页面请求http出现Mixed Content.This request has been blocked； the content must be served over HTTPS.
Johnny's Lab
11-08 1万+
当用户访问通过HTTPS提供的页面时，他们与 Web 服务器的连接使用TLS 进行加密，因此可以防止大多数嗅探器和中间人攻击。这个meta是用于定义浏览器在本页面中的内容安全策略（CSP），值upgrade-insecure-requests的作用表示对页面中资源请求自动升级为https。在nginx的配置中添加响应头，意味着对于所有通过端口（HTTP）访问的请求，Nginx都会添加一个Content-Security-Policy响应头部，指示浏览器将所有HTTP请求升级为HTTPS请求。
火狐浏览器能用 谷歌出现This request has been blocked； the content must be served over HTTPS解决方法
m0_66466770的博客
05-07 1924
方法二：在nginx配置响应头（add_header Content-Security-Policy upgrade-insecure-requests;方法一：在页面添加（本人没成功）
页面跳转报错This request has been blocked； the content must be served over HTTPS
热门推荐
王秀龙
05-26 3万+
js报错： This request has been blocked; the content must be served over HTTPS 报错原因： http、https混合导致的 网站用的是 https 要跳转到 http 请求，被阻止了。 解决方法： 1.页面中都是用 https ，或者都使用 http 2.在 <head> 标签中添加以下代码 <meta http-equiv="Content-Security-Policy" content=.
记录This request has been blocked； the content must be served over HTTPS.
Funchovy
09-27 1148
记录一下 前端项目部署在服务器上配置的域名是https的， 而接口部署的服务器域名配置的是http的。 HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错。 很简单， 在你配置的接口地址中， 把前面的HTTPS或者HTTP去掉。 ...
【WEB前端】【报错解决】This request has been blocked; the content must be served over HTTPS....
萌狼蓝天の技术栈
11-24 7343
问题描述 部署WEB项目后，开启了强制HTTPS，产生如下错误： Mixed Content: The page at 'https://ask.mllt.vip/index.php/data1.html' was loaded over HTTPS, but requested an insecure favicon 'http://ask.mllt.vip/imgs/profile.png'...
flutter webview报错This request has been blocked; the content must be served over HTTPS.
12-05
在Flutter中使用WebView时，如果遇到错误"This request has been blocked; the content must be served over HTTPS"，这是因为现代浏览器和WebView都默认启用了安全策略，要求所有的请求必须通过HTTPS协议进行，而不是不安全的HTTP协议。 要解决这个问题，可以尝试以下几种方法： 1. **使用HTTPS**：确保你请求的资源是通过HTTPS协议提供的。将所有的资源链接从HTTP改为HTTPS。 2. **允许不安全的请求**：如果你无法使用HTTPS，可以在WebView的配置中设置允许不安全的请求。不过，这种方法不推荐在生产环境中使用，因为它会降低应用的安全性。 ```dart WebView( initialUrl: 'http://example.com', javascriptMode: JavascriptMode.unrestricted, onWebViewCreated: (WebViewController webViewController) { // 允许不安全的请求 webViewController.loadUrl('javascript:(function() {document.cookie = "cross-site-cookie=whatever; SameSite=None; Secure";})();'); }, ) ``` 3. **使用混合内容**：如果你使用的是混合内容（即在HTTPS页面中加载HTTP资源），可以通过配置WebView来允许混合内容。 ```dart import 'dart:io'; WebView( initialUrl: 'https://example.com', javascriptMode: JavascriptMode.unrestricted, onWebViewCreated: (WebViewController webViewController) { if (Platform.isAndroid) { webViewController.loadUrl('javascript:(function() {document.cookie = "cross-site-cookie=whatever; SameSite=None; Secure";})();'); } }, gestureNavigationEnabled: true, ) ``` 4. **检查请求的URL**：确保你请求的URL是正确的，没有拼写错误或其他问题。 通过以上方法，你应该能够解决WebView中出现的"This request has been blocked; the content must be served over HTTPS"错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值