【WEB前端】【报错解决】This request has been blocked; the content must be served over HTTPS....

7月前作者：萌狼蓝天分类：Toy博客阅读(30) 违法举报

这篇具有很好参考价值的文章主要介绍了【WEB前端】【报错解决】This request has been blocked; the content must be served over HTTPS....。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题描述

部署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'. This request has been blocked; the content must be served over HTTPS.

this request has been blocked; the content must be served over https.,前端

问题分析

报错的原因就是当前页面是https协议加载的，但是这个页面发起了一个http的ajax请求，这种做法是非法的。HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。

解决办法

可以在相应的页面的里加上这句代码，意思是自动将http的不安全请求升级为https

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

参考文档

https://blog.csdn.net/WebDestiny/article/details/102382630文章来源地址https://www.toymoban.com/news/detail-545226.html

到了这里，关于【WEB前端】【报错解决】This request has been blocked; the content must be served over HTTPS....的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

axios/ajax 请求头部添加自定义字段报错(has been blocked by CORS policy: Request header field authorization is ...

这个错误是由于浏览器的安全机制所引起的，即跨域资源共享（CORS）策略。当浏览器发现一个跨域请求时，会发送一个预检请求（Preflight Request）来确认服务器是否允许跨域请求。在预检请求中，浏览器会检查请求头中的字段是否被服务器允许。如果请求头中包含了服务器不

2024年02月16日
浏览(25)
getInputStream has already been called for this request 问题记录

HttpServletRequest.getReader() HttpServletRequest.getInputStream() 不能在过滤器中读取一次二进制流（字符流），又在另外一个Servlet中读取一次，即一个InputSteam(BufferedReader)对象在被读取完成后，将无法再次被读取。二进制流被读取后，字节流/字符流的下标将发生变化，假如程序中重新调

2024年02月15日
浏览(32)
解决前后端跨域报错：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘

来自一个IP端口的页面（前端项目），要访问另一个IP端口的资源（springboot请求接口），会产生跨域访问。

2024年02月11日
浏览(30)
报错解决：Cannot call sendError() after the response has been committed

报错背景：在做开源项目《瑞吉外卖》时，编写拦截器代码后，前端登录时，后端报错如下：思考与思路： Cannot call sendError() after the response has been committed.....意思是，当response已经提交后，不能再sendError（）。那也就是说，我在代码中一定是

2024年02月11日
浏览(29)
前端跨域主流解决方案（Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy）

前后端分开开发，由于浏览器本身的同源策略（服务端没有这个限制），导致了前端去访问服务端接口时会产生跨域。经典报错：Access to XMLHttpRequest at ‘http…’ from origin ‘null‘ has been blocked by CORS policy 说明：目前网上的解决方案有9-10种，包括了：1.cors 2.node正向代理 3.ng

2024年02月08日
浏览(31)
解决跨域报错问题&Access to XMLHttpRequest at ‘xxx‘ from origin ‘xxx‘ has been blocked by CORs policy.header

我们在完成前后端分离项目时（Vue+SpringBoot），有很多人会遇到跨域问题（CORS）。跨域问题：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。同源策略：是指协议，域名，端口都要相同，其中有一个不同都会

2024年02月03日
浏览(37)
跨域问题记录：has been blocked by CORS policy_ The ‘Access-Control-Allow-Origin‘

has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ 跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对 javascript 施加的安全限制。同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域（重点：浏览器产生了跨

2024年02月16日
浏览(28)
谷歌 Access to XMLHttpRequest at ‘请求网站’ from origin ‘请求来源’ has been blocked by CORS policy: The reques

谷歌 Access to XMLHttpRequest at ‘请求网站’ from origin ‘请求来源’ has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space private . 打开谷歌浏览器，在网址栏访问 chrome://flags/ 接着查询 Block insecure private network requests 查询后，修改为

2024年01月18日
浏览(34)
报错解决 one of the variables needed for gradient computation has been modified by an inplace operation

one of the variables needed for gradient computation has been modified by an inplace operation: [torch.cuda.FloatTensor [16, 64, 256, 256]], which is output 0 of LeakyReluBackward1, is at version 1; 最近跑代码遇到了这样的一个问题，在网上找了很多方法都没有很好的解决，今天就在这个博客里面将所有的解决办法整

2024年02月16日
浏览(37)
java.lang.IllegalStateException: Illegal access: this web application instance has been stopped

java.lang.IllegalStateException: Illegal access: this web application instance has been stopped already. Could not load [org.apache.logging.log4j.core.impl.Log4jLogEvent$Builder]. The following stack trace is thrown for debugging purposes as well as to attempt to terminate the thread which caused the illegal access. 部署web项目出现在这个问题，其

2024年02月16日
浏览(27)