the content must be served over HTTPS 解决方案

最新推荐文章于 2024-04-08 10:23:54 发布

春风欲雨

最新推荐文章于 2024-04-08 10:23:54 发布

阅读量3.4w

点赞数 10

分类专栏：前端小知识点

本文链接：https://blog.csdn.net/WebDestiny/article/details/102382630

版权

前端小知识点专栏收录该内容

69 篇文章 2 订阅

订阅专栏

起因

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

报错的原因就是当前页面是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"/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

春风欲雨

关注关注

10
点赞
踩
41

收藏

觉得还不错? 一键收藏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

the content must be served over HTTPS报错

rainjm的博客

02-07

3322

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

https请求报错block:mixed-content问题的解决办法（已解决）

12-21

问题截图问题分析今天，多个接口突然出现 block:mixed-content 错误，于是排查了一下发现：错误：https页面去发送http请求报错(浏览器阻止https发送http请求) 原来是由于项目改成了https协议的缘故，出现了请求被拦截；其实是浏览器不允许在https页面里嵌入http的请求，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。 Mixed Content: The page was loaded over HTTPS，blocked the content must be served over HTTPS 如下图：解

4 条评论您还未登录，请先登录后发表或查看评论

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

fx67ll的博客

07-18

6276

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

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

jia635的专栏

04-20

7950

This request has been blocked; the content must be served over HTTPS 及其他JS无法显示问题

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

最新发布

山巅

04-08

1661

例如，当客户端使用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。 <script src="http://code.jquery.com/jqu...

the content must be served over HTTPS

冰原狼的博客

03-30

1万+

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

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

米诺有糖吃

06-01

1万+

This request has been blocked;

配置nigix之后页面静态资源加载不到报错： This request has been blocked; the content must be served over HTTPS...

08-25

the content must be served over HTTPS..."，这意味着网站要求所有内容必须通过HTTPS进行服务。 HTTPS是一种安全的HTTP协议，它使用SSL/TLS加密通信，保护了数据的传输和用户的隐私安全。为了解决该问题，我们...

Nginx+tomcat部署,并开启https,及遇到的问题解决方案

lixizheng的专栏

11-18

2335

原业务系统部署在云服务器上,通过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{

配置nginx后，http可以访问，https却无法访问

Asanshi的博客

09-08

1万+

一、背景：前后端分离，前端：vue3，后端：flask 前端打包合并到后端后，需要将该项目部署到正式服务器，并为其配置域名。配置完成后，却出现了http能访问，https无法访问的问题，报错如下： Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://...'. This request has been blo

记录问题：This request has been blocked， the content must be served over HTTPS. 解决https和http混用导致的问题

热门推荐

大鱼吃小鱼7的博客

05-21

3万+

引起原因：前端项目部署在服务器上配置的域名是https的，而接口部署的服务器域名配置的是http的，而浏览器上明确https中不允许http的请求，这就导致了blocked问题。也就是下图：那么如何解决呢？很简单，在你配置的环境变量中，把前面的htpps或者http去掉，就像这样： '//credit.ccmallv2.create-chain.net' 还有一种方式就是让运维人员去配置域名为https，实际上线上访问的接口地址本就不应该是http的。 ...

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

he_yanghui的博客

05-12

575

【代码】This request has been blocked;

网页访问报错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+...

hen Content must be served over https解决方案

azjasd的博客

11-05

248

Then Content must be served over https解决方案 在head中添加以下meta标签,标签的意思是将所有的http请求转换为https请求

访问页面出现Mixed Content，the content must be served over https

my9988的博客

10-17

930

访问页面出现Mixed Content，the content must be served over https，导致页面静态资源不能加载，如果是tomcat项目，就需要修改tomcat配置文件server.xml，在Engine标签中增加如下内容： <Valve className="org.apache.catalina.valves.RemoteIpValve" ...

页面跳转报错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=.

chrome 在https的页面中有http的请求 This content should also be served over HTTPS.

muyirenyan的专栏

10-08

2286

chrome 在https的页面中有http的请求Mixed Content: The page at <https url>was loaded over HTTPS, but requested an insecure frame '<http url>'. This content should also be served over HTTPS. 解决办法1：在chrome浏览其中设置步骤如下， 1. 2. 3.将不安全内容设置为“允许” 解决方法2：在htm...