CentOS7使用Nginx部署前后端分离项目

news2024/11/25 5:03:00

CentOS7使用Nginx部署前后端分离项目

  • CentOS7安装使用Nginx
    • 1.安装
      • 1.1下载
      • 1.2 检验服务器上是否有nginx
      • 1.3 解压安装
      • 1.4 验证
    • 2.部署
      • 2.1基本知识
        • 2.1.1常用命令
        • 2.1.2配置文件
      • 2.2 配置效果
        • 前端
        • 后端

CentOS7安装使用Nginx

本文使用的nginx版本为1.22.1

Nginx发布版本分为主线版本和稳定版本，区分两个版本也非常简单，主线版本版本号为单数，比如1.19，稳定版本为双数，比如1.18。

1.安装

1.1下载

nginx下载链接：https://nginx.org/en/download.html

image-20230625174533038

中间的是Linux版本的nginx压缩包，右边的是windows系统用的，我们选择下载中间的1.22.1版本。

1.2 检验服务器上是否有nginx

whereis nginx

如果什么都没有输出，说明电脑上没有nginx。

1.3 解压安装

将下载好的nginx压缩包放在服务器的任意位置即可。

进入该目录执行解压操作。

tar -zxvf nginx-1.22.1.tar.gz

解压后多出来一个文件夹，名字为nginx-1.22.1。

[root@VM-4-17-centos nginx]# ll
total 1056
drwxr-xr-x 8 1001 mysql    4096 Oct 19  2022 nginx-1.22.1
-rw-r--r-- 1 root root  1073948 Jun 25 17:33 nginx-1.22.1.tar.gz

进入文件夹，展开如下。

[root@VM-4-17-centos nginx]# cd nginx-1.22.1/
[root@VM-4-17-centos nginx-1.22.1]# ll
total 824
drwxr-xr-x 6 1001 mysql   4096 Jun 25 17:34 auto
-rw-r--r-- 1 1001 mysql 317399 Oct 19  2022 CHANGES
-rw-r--r-- 1 1001 mysql 485035 Oct 19  2022 CHANGES.ru
drwxr-xr-x 2 1001 mysql   4096 Jun 25 17:34 conf
-rwxr-xr-x 1 1001 mysql   2590 Oct 19  2022 configure
drwxr-xr-x 4 1001 mysql   4096 Jun 25 17:34 contrib
drwxr-xr-x 2 1001 mysql   4096 Jun 25 17:34 html
-rw-r--r-- 1 1001 mysql   1397 Oct 19  2022 LICENSE
drwxr-xr-x 2 1001 mysql   4096 Jun 25 17:34 man
-rw-r--r-- 1 1001 mysql     49 Oct 19  2022 README
drwxr-xr-x 9 1001 mysql   4096 Jun 25 17:34 src

可以看到有一个叫configure的可执行文件。

执行。

./configure

命令运行完成后输入

make

接着是

make install

随后，我们输入

whereis nginx

你将看到

[root@VM-4-17-centos nginx-1.22.1]# whereis nginx
nginx: /usr/local/nginx

这说明nginx已经安装完成，删掉我们的压缩包和解压文件即可。

rm -rf nginx-1.22.1

rm -rf nginx-1.22.1.tar.gz

1.4 验证

进入/usr/local/nginx/sbin

cd /usr/local/nginx/sbin

可以看到里面有一个名字叫nginx的可执行文件。

[root@VM-4-17-centos nginx]# cd /usr/local/nginx/sbin
[root@VM-4-17-centos sbin]# ll
total 3804
-rwxr-xr-x 1 root root 3892016 Jun 25 17:36 nginx

运行。

./nginx

确保服务器的80端口已经打开，随后在浏览器栏输入ip，进入即可，效果如图。

image-20230625180044522

2.部署

2.1基本知识

2.1.1常用命令

启动

./nginx

停止

./nginx -s stop

安全退出

./nginx -s quit

重新加载配置文件

./nginx -s reload

查看nginx进程

ps aux|grep nginx

2.1.2配置文件

配置文件位置如下。

/usr/local/nginx/conf/nginx.conf

# Nginx所属用户和用户组，这里配置的是nobody。由于Nginx并不会直接向客户端发送数据，只有在请求到达时才加入到Nginx的I/O处理队列中，所以Nginx只需要拥有访问目录的权限即可，无需高额权限
#user  nobody;                     

# 工作进程数，一般设置为系统CPU核心数。对于单核服务器来说，设置为1即可；对于多核服务器，可以设置成CPU核心数
worker_processes  2;               

# 定义错误日志文件路径。Nginx生产环境重要的调试信息将会记录在该文件中
#error_log  logs/error.log;        

#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

# 定义Nginx主进程的PID文件所在位置。若需要向Nginx主进程发送信号时，必须要知道这个进程的PID，因此需要记录到PID文件中
#pid        logs/nginx.pid;         

events {
	# 最大并发数。当同时有多个客户端访问Nginx时，每个访问者占据一个连接，当连接数到达该配置变量的值时，新的访问请求将会等待，直到空闲连接数不到该值再处理新的请求
    worker_connections  1024;      
}

http {
	 # 引入mime.types文件，它可以为不同的文件扩展名设定不同的MIME类型。Nginx不像Apache这样会根据文件扩展名自动推断文件类型，如果文件没有被正确识别MIME类型，就可能会出现浏览器无法正确解释的问题
    include       mime.types;     
	
	# 默认MIME类型，如果服务器无法识别它，那么就让浏览器自己来识别。当Nginx无法识别当前返回的MIME类型时，会采用该参数作为默认值
    default_type  application/octet-stream;   
	
	# 配置日志格式，该部分被注释掉，不起作用
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

	# 定义访问日志文件的存储位置，该部分被注释掉，不起作用
    #access_log  logs/access.log  main;
	
	# 开启高效文件传输，建议保持默认的开启状态。Nginx的高效文件传输技术可以让其更快地将文件内容传输到客户端，提高文件传输速度
    sendfile        on;     
	
	# 禁用TCP节点推送
	#tcp_nopush     on;
	
	#keepalive_timeout  0;
	# 客户端保持连接的时间，超时后断开连接。连接复用机制，当客户端发送完请求后，连接还会继续保持一段时间，以便快速发起下一次请求
    keepalive_timeout  65;  

	# 开启数据压缩功能
	#gzip  on;	

    server {
		# Nginx监听端口，当有请求到达该端口时，Nginx将会处理该请求。当客户端发送了请求过来后，Nginx会监听到该端口被占用，便会启用该server块去处理该请求
        listen       80;            
		
		# 指定服务端的域名/IP，如果没有域名，则使用IP地址。当Nginx接收到一个请求时，首先会按照请求中的Host（或X-Forwarded-Host）头信息的域名取匹配server_name指令中的值，只要匹配上即可
        server_name  localhost;    

		# 该行是将字符集设置为koi8-r，koi8-r是一种字符编码格式
		#charset koi8-r;
        # 设置字符集为 utf-8
        charset utf-8;

		# 该行是定义了当前这个server块的访问日志文件的存储位置。其中logs/host.access.log表示存储的目录和文件名，main表示使用标准的日志格式。如果该行没有被注释掉，就会在相应的目录下生成一份日志文件，记录该server块的访问日志
        #access_log  logs/host.access.log  main;

		# URL匹配规则。在Nginx中，URL匹配是由location指令提供的
        location / {                
			# 当URL中的路径为空时，会默认从这里找到对应的文件。该块内容的作用是指定处理该请求所使用的文件系统根目录路径
            root   /srv/tencent/page/mytencentpage/dist;            
			# 当URL中路径为空时，默认返回欢迎页面。当请求的URI是目录时，Nginx搜索该目录下的index文件，若搜索失败，则返回403
            index  index.html index.htm;
        }

        # 后端接口配置
        location /api {
            # 设置代理服务器发送的http请求头中Host的值为接收到的客户端请求头中的Host值
            proxy_set_header Host $http_host; 
            # 设置代理服务器发送的http请求头中X-Real-IP的值为当前请求的客户端IP地址
            proxy_set_header X-Real-IP $remote_addr; 
            # 设置代理服务器发送的http请求头中REMOTE-HOST的值为当前请求的客户端IP地址
            proxy_set_header REMOTE-HOST $remote_addr;
            # 设置代理服务器发送的http请求头中X-Forwarded-For的值为所有经过的代理服务器IP地址列表，多个IP地址之间用逗号隔开
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
            # 将客户端请求通过代理服务器转发到指定地址
            proxy_pass http://127.0.0.1:8082/; 
            # 设置代理服务器与后端服务器建立连接的超时时间
            proxy_connect_timeout 3600s; 
            # 设置代理服务器从后端服务器读取数据的超时时间
            proxy_read_timeout  3600s; 
            # 设置代理服务器向后端服务器发送数据的超时时间
            proxy_send_timeout  3600s; 
        }

		# 配置 404 页面。当请求的文件不存在，或者因为某种原因无法访问到指定的文件时，返回404
        #error_page  404              /404.html;  

		# 错误页面的配置，当出错时会跳转到该页面。当服务端返回错误状态码时，可以为不同的状态码指定不同的错误页面
        error_page   500 502 503 504  /50x.html;    

		# 当请求 URL 精确匹配 /50x.html 时，根据配置路径返回静态页面。配合error_page使用，可以为错误页面指定特定的URI
        location = /50x.html {        
            root   html;
        }

        # 将 PHP 脚本代理到监听在 127.0.0.1:80 的 Apache 服务器，或将 PHP 脚本代理到监听在 127.0.0.1:9000 的 FastCGI 服务器
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root concurs with nginx's one
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

    # 另一个使用 IP、名称和端口的虚拟主机配置
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

    # HTTPS 服务器
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
}

2.2 配置效果

我2.1.2的配置文件中，基本每一个配置都有注释。

其中关键的地方有两个。

前端

# URL匹配规则。在Nginx中，URL匹配是由location指令提供的
        location / {                
			# 当URL中的路径为空时，会默认从这里找到对应的文件。该块内容的作用是指定处理该请求所使用的文件系统根目录路径
            root   /srv/tencent/page/mytencentpage/dist;            
			# 当URL中路径为空时，默认返回欢迎页面。当请求的URI是目录时，Nginx搜索该目录下的index文件，若搜索失败，则返回403
            index  index.html index.htm;
        }

我是使用vue创建的前端，/srv/tencent/page/mytencentpage/dist就是产生的dist文件夹的地址，这种静态资源，只需要配置到root后面，location /表示，当进入http://ip/，就是进入了/srv/tencent/page/mytencentpage/dist。

后端

# 后端接口配置
        location /api {
            # 设置代理服务器发送的http请求头中Host的值为接收到的客户端请求头中的Host值
            proxy_set_header Host $http_host; 
            # 设置代理服务器发送的http请求头中X-Real-IP的值为当前请求的客户端IP地址
            proxy_set_header X-Real-IP $remote_addr; 
            # 设置代理服务器发送的http请求头中REMOTE-HOST的值为当前请求的客户端IP地址
            proxy_set_header REMOTE-HOST $remote_addr;
            # 设置代理服务器发送的http请求头中X-Forwarded-For的值为所有经过的代理服务器IP地址列表，多个IP地址之间用逗号隔开
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
            # 将客户端请求通过代理服务器转发到指定地址
            proxy_pass http://127.0.0.1:8082/; 
            # 设置代理服务器与后端服务器建立连接的超时时间
            proxy_connect_timeout 3600s; 
            # 设置代理服务器从后端服务器读取数据的超时时间
            proxy_read_timeout  3600s; 
            # 设置代理服务器向后端服务器发送数据的超时时间
            proxy_send_timeout  3600s; 
        }

最关键的地方在于location /api和proxy_pass http://127.0.0.1:8082/; ，这意味着当进入http://ip/api时，就进入http://127.0.0.1:8082/，我本地java服务就运行在8082端口，这就达到了从80端口，/api资源进入8082服务的效果。

切记，每次修改nginx.conf文件后，用./nginx -s reload命令让nginx重新加载。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/701726.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Ant-Design 中a-transfer穿梭框 组件的使用

Ant-Design 中a-transfer穿梭框 组件的使用

这段代码是一个包含模态框&#xff08;Modal&#xff09;和穿梭框&#xff08;Transfer&#xff09;的Vue组件。下面我会逐行解释代码的含义。 <a-modaltitle"合并":visible"visible"ok"handleOk"cancel"handleCancel"width"1…
阅读更多...
基于51单片机串口加密系统（分主机从机）

基于51单片机串口加密系统（分主机从机）

目录 基于51单片机串口加密系统&#xff08;分主机从机&#xff09;一、原理图二、部分代码三、视频演示 基于51单片机串口加密系统&#xff08;分主机从机&#xff09; 功能&#xff1a; 1.通过两个单片机串口实现信息的加密和解密 2.按键完成信息的选择和发送 3.通过屏幕实时…
阅读更多...
【Python】列表和元组

【Python】列表和元组

文章目录 一. 概念介绍二. 列表1. 创建列表2. 访问元素3. 切片操作4. 列表的遍历4.1 范围-for4.2 普通的 for 循环4.3 while 循环 5. 插入元素5.1 append() 方法5.2 insert() 方法 6. 删除元素6.1 pop() 方法6.2 remove() 方法 7. 查找元素7.1 in 和 not in 操作符7.2 index() …
阅读更多...
【Linux】MHA高可用配置及故障切换

【Linux】MHA高可用配置及故障切换

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 MHA高可用配置及故障切换 MHA高可用配置及故障切换MHA概述MHA 的组成MHA 的特点 搭建 MySQL MHA1&#xff0e;Master、Slave1、Slave2 节点上安装 mysql5.72&#xff0e;修改…
阅读更多...
电压放大器驱动感性负载有哪些特点

电压放大器驱动感性负载有哪些特点

电压放大器是一种常见的信号放大器&#xff0c;广泛应用于各种电子设备。当电压放大器需要驱动感性负载时&#xff0c;需要采取一些特殊措施来确保系统的稳定和可靠性。 感性负载是指由电感器构成的电路元件&#xff0c;它在电路中起到了储存能量的作用。感性负载可以分为两类&…
阅读更多...
Redis 的并发竞争问题是什么？如何解决这个问题？了解 Redis 事务的 CAS 方案吗？

Redis 的并发竞争问题是什么？如何解决这个问题？了解 Redis 事务的 CAS 方案吗？

这个也是线上非常常见的一个问题&#xff0c;就是多客户端同时并发写一个 key&#xff0c;可能本来应该先到的 数据后到了&#xff0c;导致数据版本错了&#xff1b;或者是多客户端同时获取一个 key&#xff0c;修改值之后再写回去&#xff0c; 只要顺序错了&#xff0c;数据就…
阅读更多...
阵列信号处理笔记（3）：阵列调向、栅瓣、半功率波束带宽、端射阵列

阵列信号处理笔记（3）：阵列调向、栅瓣、半功率波束带宽、端射阵列

阵列信号处理笔记 文章目录 阵列信号处理笔记阵列调向栅瓣调向对方向图的影响调向对HPBW的影响工程相关MATLAB代码阵列调向u域平移的动图 θ \theta θ域调向&#xff0c; θ 0 ∘ \theta 0^{\circ} θ0∘、 θ 6 0 ∘ \theta 60^{\circ} θ60∘、 θ 13 5 ∘ \theta 135^{\…
阅读更多...
信号链噪声分析2

信号链噪声分析2

目录 概要 整体架构流程 技术名词解释 2.绘制信号链的简化原理图 技术细节 小结 概要 提示&#xff1a;这里可以添加技术概要 本文介绍对高速宽带宽信号链进行噪声性能理论分析的各个步骤。尽管选择了一个特 定信号链&#xff0c;但介绍的这些步骤适用于所有类型的信号链…
阅读更多...
uniapp 引入腾讯地图解决H5端接口跨域

uniapp 引入腾讯地图解决H5端接口跨域

一、申请腾讯地图key 进入腾讯地图开放平台 二、引入腾讯地图 1. 安装 vue-jsonp npm install --save vue-jsonp 2.在 main.js 中使用 import { VueJsonp } from vue-jsonp; Vue.use(VueJsonp); 3.获取定位 // 获取当前位置 getLocation() {let _this this;uni.getLocation…
阅读更多...
【C#】云LIS检验医学信息系统源码

【C#】云LIS检验医学信息系统源码

系统基于云计算为医院机构改善患者服务质量提供了强有力的支持&#xff0c;“以患者为核心”这一理念得到了充分实现&#xff0c;基于云计算的高效区域医疗信息服务&#xff0c;会为医疗行业带来跨时代的变革。 一、使用技术框架说明 开发语言&#xff1a;C# 6.0、JavaScript …
阅读更多...
360手机快充判断 360手机充电异常 360手机提示电池温度过低

360手机快充判断 360手机充电异常 360手机提示电池温度过低

360手机快充判断 360手机充电异常 360手机提示电池温度过低 参考&#xff1a;360手机-360刷机360刷机包twrp、root 360刷机包360手机刷机&#xff1a;360rom.github.io 【前言】 因360手机&#xff0c;除N7代部分机型外&#xff0c;其它均为micro usb充电接口&#xff1b;系统…
阅读更多...
微信小程序editor富文本编辑器 有关图片的属性

微信小程序editor富文本编辑器 有关图片的属性

微信小程序editor富文本编辑器 有关图片的属性 属性类型默认值必填说明show-img-sizebooleanfalse否点击图片时显示图片大小控件show-img-toolbarbooleanfalse否点击图片时显示工具栏控件show-img-resizebooleanfalse否点击图片时显示修改尺寸控件 详细请看&#xff1a;edito…
阅读更多...
基于Nova的MinRoot VDF实现

基于Nova的MinRoot VDF实现

1. 引言 前序博客有&#xff1a; Nova代码解析 代码见&#xff1a; https://github.com/Microsoft/Nova&#xff08;Rust&#xff09; 有多种类型的VDF算法&#xff1a; 同一类型的VDF&#xff0c;根据所选择的曲线不同&#xff0c;所使用的参数也有所不同&#xff1a; …
阅读更多...
基于matlab使用点特征匹配稳定从抖动平台捕获的视频（附源码）

基于matlab使用点特征匹配稳定从抖动平台捕获的视频（附源码）

一、前言 此示例演示如何稳定从抖动平台捕获的视频。稳定视频的一种方法是跟踪图像中的显著特征&#xff0c;并将其用作锚点以消除与其相关的所有扰动。但是&#xff0c;此过程必须了解第一个视频帧中这种显着特征的位置。在此示例中&#xff0c;我们探索了一种无需任何此类先…
阅读更多...
rz、sz常见报错怎么解决？

rz、sz常见报错怎么解决？

使用shell和mobaxterm 中上传下载文件遇到的问题 常见报错一&#xff1a; 首先要使用Ctrlx 来退出&#xff0c;或者等待一会&#xff1b; 然后重新输入sz 要下载的文件名 空格 ,然后按ctrl右键&#xff0c;选择如下选项 常见错误二&#xff1a; sz还有一些参数&#xff0…
阅读更多...
java之路——带你了解Hibernate与基本过程

java之路——带你了解Hibernate与基本过程

文章目录 前言一、Hibernate用来干嘛的二、Hibernate与mybatisHibernate的基本开发步骤 前言 Hibernate框架的发展可以追溯到2001年&#xff0c;它在过去的几年里获得了广泛的应用和持续的发展。 其中的发展演变&#xff1a; 初期版本&#xff08;2001-2006年&#xff09;&am…
阅读更多...
记一次 JMeter 压测 HTTPS 性能问题

记一次 JMeter 压测 HTTPS 性能问题

目录 前言&#xff1a; 问题背景 问题分析 切入点&#xff1a;垃圾回收 调整思路&#xff1a;为什么频繁 SSL 握手 问题验证 回归测试 源码验证 前言&#xff1a; 在进行性能测试时&#xff0c;JMeter是一个常用的工具&#xff0c;可以模拟大量并发用户来测试系统的负…
阅读更多...
QT学习笔记3--信号和槽

QT学习笔记3--信号和槽

作用 信号槽是用来连接信号的发出端和接收端&#xff0c;其本身是没有关联的。利用connect函数将两个端耦合在一起。 函数格式 connect(信号的发送者&#xff0c;发送的具体信号&#xff0c;信号的接受者&#xff0c;信号的处理&#xff08;槽&#xff09;) 实例 利用按键关…
阅读更多...
MultiTimer 软件定时器扩展模块的研究与优化【原创】

MultiTimer 软件定时器扩展模块的研究与优化【原创】

文章目录 前言收获main.cMultiTimer.cMultiTimer.h 前言 博主花费几天时间研究了此开源软件定时器扩展模块代码&#xff0c;并参考别的博主讲解解决了定时器计数值会溢出的问题&#xff08;很多博主写的文章并没有谈到这个计数溢出问题&#xff0c;我就想问一下看代码自己都不思…
阅读更多...
MathType公式批量转换为Word自带公式的VBA实现及error ‘4198‘ 处理

MathType公式批量转换为Word自带公式的VBA实现及error ‘4198‘ 处理

VBA 纯新手&#xff0c;程序可能比较傻&#xff0c;大家将就看。有改进建议&#xff0c;欢迎留言 参考链接&#xff1a; 1、2种办法把MathType公式转换为Word公式 2、一键批量将mathtype公式转换成word自带公式-vba/vbnet_mathtype批量转word自带_一路向前的小Q的博客-CSDN博…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023