页面跳转报错This request has been blocked； the content must be served over HTTPS

最新推荐文章于 2024-05-07 14:50:22 发布
最新推荐文章于 2024-05-07 14:50:22 发布
阅读量3.4w 收藏 18
点赞数 8
分类专栏： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43823236/article/details/117287556
版权

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="upgrade-insecure-requests"/>

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

王秀龙的博客
关注
  • 8
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
This request has been blocked； the content must be served over HTTPS.
猿小白的博客
05-27 886
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...
221201-08Blog(登录页面的跳转实现)
12-01
1 “swg-login.html”登录...over HTTPS, but requested an insecure script 'http://code.jquery.com/jquery-1.8.3.min.js'. This request has been blocked; the content must be served over HTTPS.”，如下图所示。
火狐浏览器能用 谷歌出现This request has been blocked； the content must be served over HTTPS解决方法
最新发布
m0_66466770的博客
05-07 296
方法二：在nginx配置响应头（add_header Content-Security-Policy upgrade-insecure-requests;方法一：在页面添加（本人没成功）
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...
网页访问报错This request has been blocked; the content must be served over HTTPS.
shenxiaomo1688的博客
04-10 2万+
最近搭建服务器，在阿里云上申请了免费Symantec SSL证书(赛门铁克)。安装好证书之后，访问项目时项目样式布局和各项功能均不正常，用谷歌浏览器F12查看时，发现报This request has been blocked; the content must be served over HTTPS.错误，全是CSS和JS文件被拦截了。真是纳闷了。之前我的SSL证书是用letsencrypt+...
网页访问报错This request has been blocked; the content must be served over HTTPS.
热门推荐
yan_dk的专栏
07-01 2万+
问题：网页有时访问https网站，由于网站中一些资源是http的，网页执行会报错“This request has been blocked; the content must be served over HTTPS.”，chrome浏览器审查元素可以看到。 解决： <meta http-equiv="Content-Security-Policy" content="upgrade...
处理：This request has been blocked； the content must be served over HTTPS.
Goals1989的博客
07-10 6281
https://segmentfault.com/a/1190000021534343 处理：This request has been blocked; the content must be served over HTTPS. 方案一： 具体的解决方法（！！！亲测有效！！！）主要是： <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 可以在相应的页面的<head>里.
此请求已被阻止；内容必须通过HTTPS提供 This request has been blocked； the content must be served over HTTPS.
qq_44217121的博客
02-01 3990
jquery.min.js:4 Mixed Content: The page at 'https://localhost:44350/Home/Index' was loaded over HTTPS, but requested an insecure script 'http://ip.ws.126.net/ipquery?_=1643726899282'. This request has been blocked; the content must be served over HTTPS.
This request has been blocked; the content must be served over HTTPS.
嘻嘻哈哈
05-30 5180
相对协议对于同时支持HTTPS和HTTP的资源，引用的时候要把引用资源的URL里的协议头去掉，浏览器会自动根据当前是HTTPS还是HTTP来给资源URL补上协议头的，可以达到无缝切换。iframe方式使用iframe的方式引入HTTP资源，然后将这个页面嵌入到HTTPS页面里就可以了。用meta升级HTTP请求在页面的head标签中加入 meta http-equiv=”Content-Secur...
https请求报错block:mixed-content问题的解决办法（已解决）
12-21
问题截图 问题分析 今天，多个接口突然出现 block:mixed-content 错误，于是排查了一下发现： ...Mixed Content: The page was loaded over HTTPS，blocked the content must be served over HTTPS 如下图： 解
Minecraft-Blocked-Servers:如果服务器违反了EULA，则Mojang会阻止它们。 https的分支
05-26
我的世界阻止的服务器描述自Minecraft 1.9.3 r2起，Mojang希望禁止不遵守Minecraft EULA的服务器。 Mojang通过电子邮件与这些服务器联系（“ Mojang BrandEnforcement”）。 如果他们仍然不遵循EULA，则服务器地址将...
The Cache Performance and Optimizations of Blocked Algorithms - 1991 (lam-asplos91)-计算机科学
04-22
The Cache Performance and Optimizationof Blocked AlgorithmsMonica S. Lam, Edward E. Rothberg and Michael E. WolfComputer Systems LaboratoryStanford University, CA 94305AbstractBlocking is a well-known...
GravyAccess - Don't be Blocked!-crx插件
04-04
语言:English javascript包重定向器，这将有助于您使用jQuery和其他软件包，其中谷歌severs被阻止。 jquery，jquery-ui和其他javascript包没有加载？ 这正是这个延伸解决了！ 当我们看到您尝试在阻止的服务器上...
This request has been blocked； the content must be served over HTTPS
he_yanghui的博客
05-12 436
【代码】This request has been blocked;
HTTPS中调用百度地图API - BMap is not defined
weixin_30919235的博客
01-29 833
现象 报错： Mixed Content: The page at 'https://xxxxxxx' was loaded over HTTPS, but requested an insecure script 'http://api.map.baidu.com/api?v=2.0&ak=mybaiduak'. This request has been blocked; t...
微信开发者工具 this request has no response data available
miin_ying的博客
10-29 6702
1.某天打开发先 无论什么环境,请求头很多东西没有发送，preview一片空白，response 提示 “this request has no response data available” 2.分析最后结果是！！！！忘了关mock.将这里启用mock 选中取消即可 3.分析 请求头中Referer请求头包含了当前请求页面的来源页面的地址，即表示当前页面是通过此来源页面里的链接进入的 我们的referer:fake 此时应该是代理不对。此时就要检查自己的代理网络，包括m...
前端后台报错This request has been blocked; the content must be served over HTTPS.
09-13
### 回答1： 这个错误提示通常意味着您正在使用HTTP协议而不是HTTPS协议来访问某个资源，但您的浏览器或服务器要求使用HTTPS来保证通信的安全性。 您可以尝试以下解决方法： 1. 将您的应用程序或网站配置为使用HTTPS协议。这可以通过购买和安装SSL证书来实现，或者使用免费的证书，如Let's Encrypt。 2. 如果您只是想测试或开发，可以考虑在URL前添加https://来手动使用HTTPS协议。 3. 检查您的应用程序或网站是否正确地配置了HTTPS。您可能需要更新您的配置文件或代码以确保所有资源都使用正确的协议。 4. 检查您的服务器配置，以确保它正确地处理HTTPS请求并返回正确的证书。 5. 您也可以检查您的浏览器设置，以确保它已正确配置为使用HTTPS协议。您可能需要启用自动重定向到HTTPS选项。 希望这些解决方法可以帮助您解决问题！ ### 回答2： 这个错误是因为前端向后台发送的请求使用的是不安全的HTTP协议，而后台要求请求必须使用安全的HTTPS协议。HTTP是不加密的协议，数据在传输过程中容易被窃听和篡改，而HTTPS则是基于SSL/TLS协议的安全协议，能够对数据进行加密保护。 要解决这个错误，我们需要确保前端向后台发送的请求使用的是HTTPS协议。具体的解决方法有以下几个步骤： 1. 确认后台服务器已经配置了有效的SSL证书，并能够通过HTTPS协议进行访问。我们可以通过在浏览器中直接访问后台接口的HTTPS地址来验证。 2. 在前端代码中，将发送请求的URL地址的协议部分改为HTTPS。例如，如果原来的URL是"http://example.com/api"，修改后的URL应该是"https://example.com/api"。 3. 如果前端使用的是Ajax请求，还需要在请求的参数中设置"xhrFields: { withCredentials: true }"，以允许跨域请求携带cookie信息。同时，确保后台服务器设置了允许跨域请求的相关响应头。 通过以上步骤，我们就可以解决这个报错并确保前端与后台之间的通信使用的是安全的HTTPS协议。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值