the content must be served over HTTPS 解决方案

谷歌浏览器:This request has been blocked; the content must be served over HTTPS. 最近是做百度小程序的时候,使用百度api_debug工具调试接口的时,出现了下面的报错: xhr.js:172 Mixed Content: The page at 'https://open.baidu.com/static/newopen/api_debug/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://forge.speedtest.cn/api/v2/baidu/deal'. 阅读详情
AI摘要

本文探讨了在HTTPS页面中发起HTTP请求时遇到的问题及警告,详细解释了HTTPS页面加载HTTP资源时的安全策略,并提供了客户端与服务器端的解决办法,包括使用<meta>标签升级不安全请求及Nginx和Tomcat的配置调整。

起因

上传图片出现了如下警告:

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

客户端解决办法

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

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

服务器端解决办法

配置一下 Nginx 和 Tomcat 

nginx location 添加

location / {
           ...
     proxy_set_header X-Forwarded-Proto  $scheme;
        
}

Tomcat server.xml 的 Engine 模块下配置一个 Valve

<Valve className="org.apache.catalina.valves.RemoteIpValve"
        remoteIpHeader="X-Forwarded-For"
        protocolHeader="X-Forwarded-Proto"
        protocolHeaderHttpsValue="https"/>
This request has been blocked; the content must be served over HTTPS. 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... 阅读详情

相关推荐

Mixed Content: The page was loaded over HTTPS, This content should also be served over https解决方案

浏览器对于https链接会自动屏蔽不安全的http链接,就是所谓的Mixed Content。HTTPS页面里动态的引入HTTP资源时,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的。

挖掘大数据价值,让决策者快速洞悉趋势,让大众读懂数据背后的故事。 4729

the content must be served over HTTPS报错

项目最近访问地址由http转到https上,访问一些静态资源出现the content must be served over HTTPS.这些资源都是用的原http开头的地址,都需要变成https访问。第二种,可以在相应的页面的里加上强制转换代码,把http访问都强制https访问。第一种,把所有涉及到需要访问的静态数据挨个有原http的地址换成https。第三种,通过配置 Nginx 和 Tomcat来实现。这样https就可以正常访问了。

rainjm的博客 4083

如何用AP525 测试输入信号的相位,频响,延时,Pop和卡顿

假设信号不是从AP输出,是功放或者其他的播放设备输出的信号,接入到AP525的输入端。

帮助100万人颠覆负面潜意识,实现人生蜕变,培养1万名潜意识开发导师 2399

Exception】Chrome浏览器提示:此网页正试图从未经验证的来源加载脚本

【Exception】Chrome浏览器提示:此网页正试图从未经验证的来源加载脚本 一、问题描述 1、公司网站配置了https证书后,使用Chrome浏览器访问某个页面,出现JS没有执行情况,浏览器右上角,出现警告标识:此网页正试图从未经验证的来源加载脚本;打开控制台,出现报错信息:This request has been blocked; the content must be served over HTTPS. 2、点击加载不安全的脚本后,原有https加...

HaHa_Sir的博客 1万+

李沐之数值稳定性+模型初始化和激活函数

层记为t,这里的y不是预测,还包括了损失函数,y是优化函数,不是预测的结果y。第t层是输出。所有的h都是一些向量,向量关于向量的导数是一个矩阵,所以用了很多次的矩阵乘法,出问题就在这里。

m0_51133942的博客 1527

别再只会插拔了!深入Linux内核,手把手调试USB热插拔中断(以高通平台为例)

本文深入探讨了Linux内核中USB热插拔中断的调试方法,特别针对高通平台提供了详细的实战指南。从硬件基础到内核机制,再到中断调试工具和常见问题排查,帮助开发者系统性地解决USB设备识别问题。通过监控中断状态、分析处理流程和高级调试技巧,提升USB热插拔的稳定性和性能。

weixin_29161785的博客 428

解决前后端分离项目部署SSL证书后前端页面出现的一些问题

#部署SSL证书后可能会遇到的问题 前段页面正常显示,访问不了后端接口 浏览器报错提示 the content must be served over https 接口地址换成https之后 又提示 net::ERR_SSLPROTOCOL_ERROR nginx配置反向代理到后端地址会出现 404访问不到页面 #解决办法 思路 浏览器提示在https页面不能发送http请求那就把http请求变成https请求 解决问题 为后端(我这里后端用的是springboot作为后盾)下载ssl证书,并部署,

www.xqijun.top 4259

Multisim 14.0实战:从零搭建可调幅多波形信号发生器(附仿真文件)

本文详细介绍了如何在Multisim 14.0中从零搭建一个可调幅多波形信号发生器,涵盖方波、三角波和正弦波的生成原理与实现步骤。通过核心电路架构解析、关键参数设计及Multisim实战操作,帮助电子工程学习者和硬件工程师掌握信号发生器的设计与调试技巧,并提供仿真文件供实践验证。

nokia的博客 1073

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

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=.

王秀龙 3万+

二维数字图像相关算法软件Ncorr的使用心得

二维开源软件Ncorr的DIC分析操作过程详解。

m0_72612723的博客 3万+

汇川Easy系列PID_AT指令弹簧质量阻尼系统闭环控制仿真测试

汇川Easy系列PLC系统PID指令(温度控制PID应用编程)

RXXW_Dor的博客 763

处理:This request has been blocked; the content must be served over HTTPS.

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>里.

Goals1989的博客 6809

ABAP SQL Hierarchy 全景参考,组织树、分类树与递归查询在数据库层的优雅落地

ABAP SQL中的hierarchy语法为树形数据结构处理提供了高效方案。S/4HANA系统中常见的成本中心、利润中心、物料分类等树形结构,传统开发需通过递归和嵌套循环处理,而ABAP SQL hierarchies通过将层级遍历能力下沉到SQL层,借助SAP HANA的层级函数支持,实现了更高效的查询。 该功能要求ABAP 7.51+版本,支持两种实现方式:CDS hierarchy用于创建可复用的稳定层级模型,适合业务核心数据;ABAP SQL HIERARCHY generator则适用于临时性层级

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 313

解决https页面请求http出现Mixed Content.This request has been blocked; the content must be served over HTTPS.

当用户访问通过HTTPS提供的页面时,他们与 Web 服务器的连接使用TLS 进行加密,因此可以防止大多数嗅探器和中间人攻击。这个meta是用于定义浏览器在本页面中的内容安全策略(CSP),值upgrade-insecure-requests的作用表示对页面中资源请求自动升级为https。在nginx的配置中添加响应头,意味着对于所有通过端口(HTTP)访问的请求,Nginx都会添加一个Content-Security-Policy响应头部,指示浏览器将所有HTTP请求升级为HTTPS请求。

Johnny's Lab 2万+

“守望先锋”网络同步分析

守望先锋”(Overwatch)是一款由暴雪娱乐开发的团队基础第一人称射击游戏(FPS),于2016年正式发布。游戏以其独特的角色设计、丰富的游戏模式和高度的团队合作性而受到广泛欢迎。类型:第一人称射击(FPS)/多人在线战斗竞技场(MOBA元素)平台玩家人数:每场比赛由两个六人队伍组成,共12名玩家。客户端/服务器模型:在这种模型中,客户端负责处理用户输入和表现逻辑,而服务器则负责游戏的核心逻辑和状态管理。客户端与服务器之间通过网络进行通信,确保游戏状态的一致性。强同步机制。

本博客聚焦游戏开发技巧、创业实战心得及大学热门课程干货。这里既有技术深度,也有思维广度,无论你是开发者、创业者还是高校学子,都能在这里找到适合自己的成长之路! 426

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

the content must be served over HTTPS

the content must be served over HTTPS 问题: This request has been blocked; the content must be served over HTTPS. 问题详述: 域名连接到服务器进行https改造之后,使用chrome访问https页面,由于我使用的是百度地图的相关组建,其内部会引入一些http的连接资源,所以在c...

冰原狼的博客 1万+

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

nginx This request has been blocked; the content must be served over HTTPS问题处理

例如,当客户端使用HTTPS协议访问Nginx代理服务器,但Nginx代理服务器转发给上游服务器的协议类型为HTTP时,上游服务器会认为这个请求是不安全的,因为它没有收到客户端与Nginx之间的SSL加密通信。此外,还需要确保在Nginx配置文件中启用了proxy_set_header指令。那么,Nginx就会在发送请求给上游服务器时,将"x-forwarded-proto"字段值设置为"https",这样上游服务器就可以正确地判断请求的协议类型是HTTPS,并做出相应的处理了。

山巅 3096

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

网站升级为https后引用http报错:This request has been blocked; the content must be served over HTTPS

HTTPS 是 HTTP over Secure Socket Layer,以安全为目标的 HTTP 通道,所以在 HTTPS 承载的页面上不允许出现 http 请求,一旦出现就是提示或报错: Mixed Content: The page at ‘https://www.taobao.com/‘ was loaded over HTTPS, but requested an insecur...

stephen 1万+

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

在升级https的过程中,出现如下问题: Mixed Content: The page at ‘https://www.xxx.com/denglu.html’ was loaded over HTTPS, but requested an insecure script ‘http://qzonestyle.gtimg.cn/qzone/openapi/qc-1.0.1.js’. This request has been blocked; the content must be served over

放牛娃的博客 3222

【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'...

萌狼蓝天の技术栈 7657

解决 Https 站点请求 Http 接口服务后报 the content must be served over HTTPS 错误的问题

之前将自己所有的 `Http` 站点全部更新为 `Https` 站点,但是在请求后台接口服务的时候还是 `Http` 请求,导致部署之后,直接在控制台报 `This request has been blocked; the content must be served over HTTPS;` 的错误。所以访问了一些资料之后,发现了一个非常巧妙的思路,省时省力解决这个问题,那就是直接使用Nginx将后端服务的`http`请求地址代理到前端`Https`站点的一个目录下......

fx67ll的博客 7547

android WebView加载不出网页内容This request has been blocked; the content must be served over HTTPS.

项目中遇到加载网页的时候都出现加载不出内容或者内容不全。但是QQ浏览器或者系统浏览器都没问题,也就是还是自己写的Webview处理有问题。总结了一下大概下面两个问题引起:实际问题可以参看Android Studio 打印的Log,会有Webview的追踪内容为chromium: xxxxxx. 情况一:  无法加载JS内容写的页面。 设置setDomStorage

涂文远的博客 1819

This request has been blocked; the content must be served over HTTPS.

相对协议对于同时支持HTTPS和HTTP的资源,引用的时候要把引用资源的URL里的协议头去掉,浏览器会自动根据当前是HTTPS还是HTTP来给资源URL补上协议头的,可以达到无缝切换。iframe方式使用iframe的方式引入HTTP资源,然后将这个页面嵌入到HTTPS页面里就可以了。用meta升级HTTP请求在页面的head标签中加入 meta http-equiv=”Content-Secur...

嘻嘻哈哈 5557

this request has been blocked;the content must be served over https

this request has been blocked;the content must be served over https 1、错误: this request has been blocked;the content must be served over https 2、遇到错误的情况: 在g...

liNewman的博客 643
上一篇: bubbly-bg.js实现动态气​​泡背景效果
下一篇: 如何使用react脚手架构建项目
春风欲雨
博客等级 码龄7年 68粉丝 106原创
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值