解决https页面加载http资源报错

2023-08-06 22:12:31

为什么会报错?

在这里插入图片描述

HTTPS页面加载HTTP资源会报错的原因是出于安全性考虑。

HTTPS(HyperText Transfer Protocol Secure)是一种通过使用SSL/TLS加密通信来保护数据传输的协议,它确保了客户端和服务器之间的安全连接。

当HTTPS页面尝试加载非加密的HTTP资源时,存在以下问题:

  1. 混合内容警告:浏览器会发出警告,提示用户当前页面包含不安全的非加密内容。这些警告可能降低用户对网站的信任度,并增加恶意攻击或数据泄露等风险。

  2. 被阻止加载:现代浏览器默认情况下不允许从HTTPS页面中加载非加密的HTTP资源。这是为了提高用户隐私和安全性而采取的措施。

  3. 未受到TLS保护:通过HTTP请求发送或接收敏感信息(例如登录凭据、个人身份证明等)时,该信息在传输过程中将没有经过SSL/TLS加密保护,并容易被黑客截获或篡改。

http和https的区别

在这里插入图片描述

HTTP(Hypertext Transfer Protocol)和HTTPS(HTTP Secure)是用于在客户端和服务器之间传输数据的协议。

主要区别如下

  1. 安全性:HTTPS 使用 SSL/TLS 加密来保护数据传输过程中的隐私和完整性,而 HTTP 不提供任何加密机制,因此数据可以以明文形式进行传输。这意味着通过 HTTPS 发送的数据更加安全,更不容易被窃听或篡改。

  2. 网络通信方式:HTTP 使用 TCP/IP 作为底层网络通信协议,在默认情况下使用80端口;而 HTTPS 在 HTTP 的基础上增加了 SSL/TLS 加密层,并使用443端口进行安全连接。

  3. 证书验证:HTTPS 需要使用数字证书对网站身份进行验证,确保与用户交互的是合法可信赖的服务。这样有助于防止中间人攻击、DNS劫持等恶意行为。而 HTTP 不需要证书验证,存在可能被伪装或篡改。

  4. SEO 影响:搜索引擎通常会优先考虑采用 HTTPS 协议的网站,并将其排名提前一些。所以如果您关注搜索引擎优化(SEO),则应该考虑启用 HTTPS。

遵守原则

为了确保整个网页在传输过程中都得到适当地保护,建议遵循以下原则:

  • 使用链接到支持HTTPS连接方式提供服务。
  • 在不可避免使用HTTP资源的情况下,考虑使用代理服务器或其他安全手段来处理请求。

解决方案

需根据是否可访问https资源分两类方案

  1. 报错资源支持https请求访问
  2. 报错资源不支持https请求访问

报错资源支持https请求访问

将所有资源链接更新为使用HTTPS协议。
通过手动替换URL中的http://https://,确保所有资源都以安全的方式加载。

报错资源不支持https请求访问

以上提到的原则中第二条,即可以使用如Nginx解决问题。

在这里插入图片描述

什么是Nginx

Nginx(发音为"engine-x")是一个高性能的开源反向代理服务器和 Web 服务器。它由俄罗斯的软件工程师Igor Sysoev创建,并于2004年首次发布。

Nginx 最初设计用于解决 C10k(每秒处理 10,000 个并发连接)问题,因此具有出色的性能和可扩展性。与传统 Web服务器相比,如 Apache,Nginx 使用异步、非阻塞事件驱动模型来处理并发请求,从而在高负载情况下更加高效地处理大量请求。

除了作为反向代理和 Web 服务器之外,Nginx 还可以用作负载均衡器、缓存服务器、HTTP/HTTPS协议转换器等。它支持多种操作系统,并且有一个强大且灵活的配置语言来定制其行为。

配置Nginx转发

预设问题:http://abc.test.com/ai/1.jpg是一个图片资源,在https环境下访问其路径时会产生报错,并且不支持https访问。

可以按照以下步骤进行配置

  1. 打开 Nginx 配置文件,通常位于 /etc/nginx/nginx.conf/etc/nginx/conf.d/default.conf

  2. http 块中添加一个新的 location 块来处理以 /ai 为前缀的请求。示例如下:

http {
    # 其他相关设置...
    server {
        listen 80;
        server_name example.com;  # 替换成您的域名
        location /ai {
            proxy_pass http://ai.test.com;   # 将请求代理到指定的后端http服务器
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            # 其他相关设置...
        }
        # 其他虚拟主机或服务配置...
    }
}

在上述示例中,当访问以 /ai 开头的 URL(例如:https://abc.test.com/ai/1.jpg)时,Nginx 将会将这些请求通过代理传递给 http://ai.test.com.

  1. 检查 Nginx 配置是否正确: sudo nginx -t

  2. 重新加载或重启 Nginx 服务以使配置生效: sudo service nginx reload 或者 sudo systemctl reload nginx

完成上述配置,Nginx 将会将所有带有前缀为 /ai的URL请求转发到 http://ai.test.com

更多推荐

VuePress网站如何使用axios请求第三方接口

前言VuePress是一个纯静态网站生成器,也就是它是无后端,纯前端的,那想要在VuePress中,发送ajax请求,请求一些第三方接口,有时想要达到自己一些目的在VuePress中,使用axios请求第三方接口,需要先安装axios,然后引入,最后使用本文包括VuePress中安装和使用axios,直接使用与挂载在根

19 Python的math模块

概述在上一节,我们介绍了Python的sys模块,包括:sys模块中一些常用的属性和函数。在这一节,我们将介绍Python的math模块。math模块提供了许多数学函数和常量,可以用于进行各种数学运算和常数表示。math模块中的常量和函数主要分为以下几类:常量:包括math.pi、math.e等,用于表示圆周率π和自然

php函数usort使用方法

在PHP中,usort()函数用于对数组进行排序,它允许你使用自定义的比较函数来确定元素的顺序。以下是usort()函数的使用方法:usort(array&$array,callable$cmp_function):bool参数说明:$array:要排序的数组,是传入函数的引用。$cmp_function:自定义的比较

BiLSTM(双向LSTM)实现股票时间序列预测(TensorFlow2版)

本专栏旨在通过实战案例帮助深度学习初学者通过实战案例快速掌握深度学习的核心概念和技术,这个专栏将覆盖以下关键主题:深度学习基础:介绍深度学习的基本原理以及数学概念,你将了解到神经网络的工作原理、激活函数、优化算法等基本概念。常见算法:例如卷积神经网络(CNN)、循环神经网络(RNN)和生成对抗网络(GAN)。数据预处理

SQL server中字段自增:IDENTITY、序列Sequence

SQLserver中字段自增:IDENTITY、序列Sequence1.列字段自增`IDENTITY在SQLServer中,IDENTITY(1,1)是用于定义一个自增长列的属性。它的含义如下:IDENTITY:表示该列是一个自增长列。(1,1):表示自增长列的起始值为1,每次递增1。当你在创建表时使用IDENTITY

Sqlserver 监控使用磁盘空间情况

最近遇到一个小问题:为了保存以往的一些数据,间了大量临时表,导致SQLserver数据增长过快,不得不想个办法监控磁盘空间使用情况。网上一般有几种办法:一是使用dm_os_volume_stats函数,缺点是无法获取非数据库所在的磁盘空间使用情况。二是使用Execmaster.dbo.xp_fixeddrives,缺点

算法基础:图

图论图论〔GraphTheory〕是数学的一个分支。它以图为研究对象。图论中的图是由若干给定的点及连接两点的线所构成的图形,这种图形通常用来描述某些事物之间的某种特定关系,用点代表事物,用连接两点的线表示相应两个事物间具有这种关系。如下就是一种逻辑上的图结构:图是一种最复杂的数据结构,前面讲的数据结构都可以看成是图的特

oracle 12c相对oralce 11g的新特性(3)|oracle 12c的自动化管理特性:自动备份、自动恢复、自动维护的功能使用

一、前言:前面几期讲解了oracle12c多租户的使用、In-Memory列存储来提高查询性能以及数据库的克隆、全局数据字典和共享数据库资源的使用今天我们讲讲oracle12c的另外的一个自动化管理功能新特性:自动备份、自动恢复、自动维护的功能二、自动备份、自动恢复、自动维护概要通过使用这些自动化功能,Oracle12

使用 FHE 实现加密大语言模型

近来,大语言模型(LLM)已被证明是提高编程、内容生成、文本分析、网络搜索及远程学习等诸多领域生产力的可靠工具。大语言模型对用户隐私的影响尽管LLM很有吸引力,但如何保护好输入给这些模型的用户查询中的隐私这一问题仍然存在。一方面,我们想充分利用LLM的力量,但另一方面,存在向LLM服务提供商泄露敏感信息的风险。在某些领

PCIE研究-1

PCI-Express(peripheralcomponentinterconnectexpress)是一种高速串行计算机扩展总线标准,PCIe属于高速串行点对点双通道高带宽传输,所连接的设备分配独享通道带宽,不共享总线带宽,主要支持主动电源管理,错误报告,端对端的可靠性传输,热插拔以及服务质量(QOS)等功能。PCI

【大数据实训】基于Hadoop的2019年11月至2020年2月宁波天气数据分析(五)

博主介绍:✌全网粉丝6W+,csdn特邀作者、博客专家、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于大数据技术领域和毕业项目实战✌🍅文末获取项目联系🍅基于Hadoop的2019年11月至2020年2月宁波天气数据分析2019—2020学年第二学期《分布式系统原理与技术》期

热文推荐