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

最新推荐文章于 2024-07-09 17:31:10 发布

banglai2981

最新推荐文章于 2024-07-09 17:31:10 发布

阅读量1.3k

点赞数

文章标签： java 运维 javascript ViewUI

原文链接：http://www.cnblogs.com/ZhangYaF/p/10539194.html

版权

问题抛出：如何在HTTPS 网页中引入HTTP资源： Mixed Content？

问题原因：HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。

解决方案：<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

当时参考的是这个，把问题成功解决了：http://www.mamicode.com/info-detail-2307693.html

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

参考：https://thehackernews.com/2015/04/disable-mixed-content-warning.html

转载于:https://www.cnblogs.com/ZhangYaF/p/10539194.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

banglai2981

关注关注

0
点赞
踩
1

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

遇到问题--jsp---Nginx转发https导致静态资源无法加载--This request has been blocked

直到世界的尽头

11-22

1万+

转发请注明出处:遇到问题–jsp—Nginx转发https导致静态资源无法加载–This request has been blocked 遇到问题使用nginx作转发，强制tomcat部署的web项目使用https访问。导致静态资源无法加载访问。如图浏览器报错如下: Mixed Content: The page at 'https://xxxx.com/' was loaded ov...

宝塔nginx卸载转安装Apache后，伪静态配置后微擎站点及phpmyadmin正常，重启服务后却打不开，请教高手

jabosz的博客

04-08

985

这里写自定义目录宝塔nginx卸载转安装Apache后，伪静态配置后微擎站点及phpmyadmin正常，重启服务后却打不开，请教高手新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功...

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

【精选记录】在服务器中用nginx同一域名实现部署多个项目，并配置SSL证书，让其使用域名https方式访问，与后端交互时，https跨域问题解决（前后端分离），http访问自动跳转到https

最新发布

SC_CSDN_L的博客

07-09

1189

"前后端分离配置"指的是将前端（通常是网页或移动应用的用户界面部分）和后端（服务器端的数据处理和业务逻辑）分开部署和管理的做法。在这种架构下，前端和后端可以独立开发、部署和扩展，彼此之间通过API进行通信。具体来说，前后端分离配置包括以下几个方面的内容：1. **前端部分**：包括HTML、CSS和JavaScript等文件，用来构建用户界面和实现用户交互。前端可以使用各种框架（如React、Angular、Vue.js等）来进行开发，前端开发人员关注于页面的呈现和用户体验。

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

山巅

04-08

1539

例如，当客户端使用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. 解决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

xiaxia2022的博客

03-10

2174

在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错：This request has been blocked; the content must be served over HTTPS 解决方案： # html： <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> # php: header("Content-Security-Policy: ..

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

Funchovy

09-27

1025

记录一下前端项目部署在服务器上配置的域名是https的，而接口部署的服务器域名配置的是http的。 HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错。很简单，在你配置的接口地址中，把前面的HTTPS或者HTTP去掉。 ...

the content must be served over HTTPS报错

rainjm的博客

02-07

3172

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

Mixed Content错误问题This request has been blocked； the content must be served over HTTPS.

easyboot的专栏

12-04

2060

调用nginx的时候发现出现下面的错误！是http和https的问题百度后知道在页面中加入 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta na...

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

热门推荐

架构师修炼道路

10-23

13万+

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 ins

https跨域Thisrequesthasbeenblocked；thecontentmustbeservedoverHTTPS

baidu_38227251的博客

09-28

1230

里加上这句代码，意思是自动将http的不安全请求升级为https。nginx:在server模块增加。

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

liangsw

07-27

1万+

一、错误信息 This request has been blocked; the content must be served over HTTPS. 二、错误原因 1、Http与Https混合使用项目生产环境使用的是https协议，某页面嵌入第三方连接，通过ajax调用相关接口获取信息实现登陆第三方系统，第三方系统暂未升级使用https，故在页面点击链接时出现上述错误信息。二、解决方法 1、将所有系统的协议都升级为https协议； 2、在引入第三方url的页面添加如下...

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

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

weixin_43680337的博客

10-22

682

开发页面在本地跑挺正常 http://localhost:8080/#/textCheck 但是上到服务器挂到域名下就不行了 testhttps://www.maogoujiaoliuqi.com/#/textCheck 错误提示如下 xhr.js:210 Mixed Content: The page at 'https://www.maogoujiaoliuqi.com/#/textCheck' was loaded over HTTPS, but requested an in

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

weixin_57209852的博客

09-20

1511

mean:自动将http的不安全请求升级为https。网站所用的是https请求http，被阻止。1.页面中都用https 或者http。2.在标签中添加下列代码。https http混合导致，

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

fx67ll的博客

07-18

6143

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