nginx配置代理https端口的要点

2024-09-03 03:20

本文主要是介绍nginx配置代理https端口的要点,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

今天配置了一个nginx代理端口,从http转成https的过程,刚开始以为很复杂,后面发现其实就那几个关键点,配置好了,就可以直接跳转

server的监听端口

我们常规nginx监听的端口都是http协议的,没有特殊说明,是不会和https有关系的,然后我们需要监听https的端口时,就需要加上ssl这个关键字,如下图所示:
在这里插入图片描述

证书的配置

配置好ssl关键字后,我们就需要添加一个ssl协议的证书路径,这个路径是必须是具体存在的文件,如果是nginx是放在容器里面的,则配置容器映射的路径即可,如下图就是我需要映射的端口18080内部的证书路径配置和缓存解码方式配置
在这里插入图片描述
映射容器的docker-compose文件配置如下:

在这里插入图片描述
修改完成后,一定记得重启nginx服务,才能使配置生效,以前是http方式访问的端口,现在在浏览器上就可以用https的发件方式访问,如下图所示:
在这里插入图片描述

同一个网页只能使用一种协议

在项目操作的过程中,新的问题又出现了,访问前端页面里面的图片仍然使用的是http协议,而我们一个网页打开,只能使用一种协议,要么https,要么https,出现了如下尴尬的局面:
在这里插入图片描述
所以就需要调整图片访问的路径的协议,最后把图片存储和读取的路径都改成了https后,整个页面就可以正常的浏览了

前端页面跨域访问的配置项
别的网站想要查看我们网站的js文件等信息,需要在nginx中,添加一个特殊的配置项X-Frame-Options;就是常见的百度上的配置项,刚开始没有添加这个配置项的时候,nginx代理是不允许其他Ip访问我们这边代理的前端页面的,访问直接报origin error,跨域了!!!!
后来我们试了一下,把X-Frame-Options直接配置为空的情况,直接放在server监控端口的最外层,结果他域网站正常访问,没有报错了

add_header X-Frame-Options "";

然后我们就试着把具体的网站地址写进去,配置成如下格式

add_header X-Frame-Options "ALLOW-FROM https//10.133.2.11/";

让具体IP网站的人试了一把,成功了,可以正常跨域访问前端页面了,功能正常可用,今天又学到一个新的前端跨域访问配置项

这篇关于nginx配置代理https端口的要点的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1131879

相关文章

Nacos注册中心和配置中心的底层原理全面解读

《Nacos注册中心和配置中心的底层原理全面解读》:本文主要介绍Nacos注册中心和配置中心的底层原理的全面解读,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录临时实例和永久实例为什么 Nacos 要将服务实例分为临时实例和永久实例?1.x 版本和2.x版本的区别

Nginx Location映射规则总结归纳与最佳实践

《NginxLocation映射规则总结归纳与最佳实践》Nginx的location指令是配置请求路由的核心机制,其匹配规则直接影响请求的处理流程,下面给大家介绍NginxLocation映射规则... 目录一、Location匹配规则与优先级1. 匹配模式2. 优先级顺序3. 匹配示例二、Proxy_pa

如何搭建并配置HTTPD文件服务及访问权限控制

《如何搭建并配置HTTPD文件服务及访问权限控制》:本文主要介绍如何搭建并配置HTTPD文件服务及访问权限控制的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、安装HTTPD服务二、HTTPD服务目录结构三、配置修改四、服务启动五、基于用户访问权限控制六、

CentOS 7 YUM源配置错误的解决方法

《CentOS7YUM源配置错误的解决方法》在使用虚拟机安装CentOS7系统时,我们可能会遇到YUM源配置错误的问题,导致无法正常下载软件包,为了解决这个问题,我们可以替换YUM源... 目录一、备份原有的 YUM 源配置文件二、选择并配置新的 YUM 源三、清理旧的缓存并重建新的缓存四、验证 YUM 源

Windows 系统下 Nginx 的配置步骤详解

《Windows系统下Nginx的配置步骤详解》Nginx是一款功能强大的软件,在互联网领域有广泛应用,简单来说,它就像一个聪明的交通指挥员,能让网站运行得更高效、更稳定,:本文主要介绍W... 目录一、为什么要用 Nginx二、Windows 系统下 Nginx 的配置步骤1. 下载 Nginx2. 解压

VS配置好Qt环境之后但无法打开ui界面的问题解决

《VS配置好Qt环境之后但无法打开ui界面的问题解决》本文主要介绍了VS配置好Qt环境之后但无法打开ui界面的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目UKeLvb录找到Qt安装目录中designer.UKeLvBexe的路径找到vs中的解决方案资源

windows系统上如何进行maven安装和配置方式

《windows系统上如何进行maven安装和配置方式》:本文主要介绍windows系统上如何进行maven安装和配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录1. Maven 简介2. maven的下载与安装2.1 下载 Maven2.2 Maven安装2.

Apache 高级配置实战之从连接保持到日志分析的完整指南

《Apache高级配置实战之从连接保持到日志分析的完整指南》本文带你从连接保持优化开始,一路走到访问控制和日志管理,最后用AWStats来分析网站数据,对Apache配置日志分析相关知识感兴趣的朋友... 目录Apache 高级配置实战:从连接保持到日志分析的完整指南前言 一、Apache 连接保持 - 性

在Spring Boot中实现HTTPS加密通信及常见问题排查

《在SpringBoot中实现HTTPS加密通信及常见问题排查》HTTPS是HTTP的安全版本,通过SSL/TLS协议为通讯提供加密、身份验证和数据完整性保护,下面通过本文给大家介绍在SpringB... 目录一、HTTPS核心原理1.加密流程概述2.加密技术组合二、证书体系详解1、证书类型对比2. 证书获

MySQL 安装配置超完整教程

《MySQL安装配置超完整教程》MySQL是一款广泛使用的开源关系型数据库管理系统(RDBMS),由瑞典MySQLAB公司开发,目前属于Oracle公司旗下产品,:本文主要介绍MySQL安装配置... 目录一、mysql 简介二、下载 MySQL三、安装 MySQL四、配置环境变量五、配置 MySQL5.1