AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2023-05-29 968
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【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.

7260f3687bbee760f1210e0d92c82c6e_2571021-20221124003011368-1376847562.png

问题分析

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

解决办法

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

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


文章标签：
JavaScript
前端开发
关键词：
web前端
request HTTPS
前端web
web request
web报错
萌狼蓝天
目录
相关文章
杀死一只知更鸟debug
|
8天前
verbose stack FetchError: request to https://registry.npm.taobao.org/md-editor-v3 failed, reason: ce
这篇文章描述了在安装npm包`md-editor-v3`时遇到的淘宝镜像证书过期问题，并提供了解决方案，即通过切换npm镜像源到`https://registry.npmmirror.com/`来解决安装失败的问题。
杀死一只知更鸟debug
46 4
verbose stack FetchError: request to https://registry.npm.taobao.org/md-editor-v3 failed, reason: ce
游客j4mujezz7vm7y
|
9天前
|
测试技术 API
8-20|https://gitlab.xx.com/api/v4/projects/4/trigger/pipeline Request failed 状态码400
8-20|https://gitlab.xx.com/api/v4/projects/4/trigger/pipeline Request failed 状态码400
游客j4mujezz7vm7y
10 0
刘大猫.
|
10天前
|
前端开发 Java
org.springframework.web.multipart.MultipartException: Current request is not a multipart request
org.springframework.web.multipart.MultipartException: Current request is not a multipart request
刘大猫.
25 0
1288912195458132
|
2月前
|
算法 Java 测试技术
java 访问ingress https报错javax.net.ssl.SSLHandshakeException: Received fatal alert: protocol_version
java 访问ingress https报错javax.net.ssl.SSLHandshakeException: Received fatal alert: protocol_version
1288912195458132
80 1
路边两盏灯
|
2月前
【Azure Web Job】Azure Web Job执行Powershell脚本报错 The term 'Select-AzContext' is not recognized as the name
【Azure Web Job】Azure Web Job执行Powershell脚本报错 The term 'Select-AzContext' is not recognized as the name
路边两盏灯
13 3
VipSoft
|
2月前
|
JavaScript
request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
VipSoft
52 2
路边两盏灯
|
2月前
|
Shell PHP Windows
【Azure App Service】Web Job 报错 UNC paths are not supported. Defaulting to Windows directory.
【Azure App Service】Web Job 报错 UNC paths are not supported. Defaulting to Windows directory.
路边两盏灯
16 0
路边两盏灯
|
2月前
|
Linux Python
【Azure 应用服务】Azure App Service For Linux 上实现 Python Flask Web Socket 项目 Http/Https
【Azure 应用服务】Azure App Service For Linux 上实现 Python Flask Web Socket 项目 Http/Https
路边两盏灯
28 0
三分钟热度的鱼
|
3月前
|
文字识别 前端开发 API
印刷文字识别操作报错合集之通过HTTPS连接到OCR服务的API时报错，该如何处理
在使用印刷文字识别(OCR)服务时，可能会遇到各种错误。例如：1.Java异常、2.配置文件错误、3.服务未开通、4.HTTP错误码、5.权限问题（403 Forbidden）、6.调用拒绝（Refused）、7.智能纠错问题、8.图片质量或格式问题，以下是一些常见错误及其可能的原因和解决方案的合集。
三分钟热度的鱼
27 1
代码掌控者
|
2月前
|
开发框架 中间件 .NET
分享 ASP.NET Core Web Api 中间件获取 Request Body 两个方法
分享 ASP.NET Core Web Api 中间件获取 Request Body 两个方法
代码掌控者
66 0

热门文章

最新文章

  • 1
    web高性能开发系列随笔
  • 2
    【Web API系列教程】1.2 — Web API 2中的Action Results
  • 3
    轻松加密ASP.NET 2.0 Web程序配置信息
  • 4
    7月第3周安全回顾 Adobe现高危漏洞 Google开发web安全工具
  • 5
    Web Client Software Factory 开发路线图
  • 6
    tomcat修改默认web目录
  • 7
    ASP.NET Web API Model-ModelBinder
  • 8
    返回用户指定页面的web服务器
  • 9
    [WS]使用Axis发布简单的Web服务（补充）
  • 10
    在Web.config中指定编码
  • 1
    前端和后端限制文件大小的具体实现方式
    374
  • 2
    【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的？
    74
  • 3
    【Web 前端】jQuery 里的 each() 是什么函数？你是如何使用它的？
    148
  • 4
    【Web 前端】如何找到所有 HTML select 标签的选中项？
    93
  • 5
    【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
    66
  • 6
    【Web 前端】$(document).ready() 是个什么函数？为什么要用它？
    502
  • 7
    【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片？
    179
  • 8
    从前端Vue到后端Spring Boot：接收JSON数据的正确姿势
    215
  • 9
    【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同？
    91
  • 10
    【Web 前端】网页上有 5 个div元素，如何使用JQ来选择它们？
    102

    • 相关课程

    更多
  • Python Web开发基础
  • Java Web开发系列课程 - Spring框架入门
  • 企业Web常用架构LAMP-LNMP实战
  • 高校精品课-西安交通大学-Web 编程技术
  • Java Web项目实战 - 图书商城
  • Java面试疑难点解析 - Java Web开发

    • 相关电子书

    更多
  • Web应用系统性能优化
  • 高性能Web架构之缓存体系
  • PWA:移动Web的现在与未来

    • 相关实验场景

    更多
  • 基于ECS搭建Java Web开发环境
  • 搭建Java Web开发环境
  • Internet Information Services（IIS）部署Web项目
  • 云上Web及FTP
  • WEB网页编程实战
  • 网站用户流量分析—适用于电商网站、资讯网站、游戏主站等各类Web站点场景
    • 下一篇
    无影云桌面