前言

目标：在xshell中部署前端包。
第一步：下载nginx
第二步：前端打包与创建具体文件夹路径
第三步：配置nginx.nginx.conf文件
第四步：配置nginx.service文件。
第五步：启动nginx

常用nginx命令在文末。

下载nginx

sudo yum install nginx -y

下载成功如下图

前端打包与创建具体文件夹路径

前端打包：npm run build
创建文件夹路径：mkdir /data/web
mkdir是创建文件夹命令，后面自己随便起就行。

配置nginx.nginx.conf文件

root账户不用sudo，其他需要，这个命令是为了编辑conf文件的

 sudo vim /etc/nginx/nginx.conf

conf文件内容

events {
worker_connections 512;
}

http {
        server{
  listen 80;
 root /data/web/dist/;


location / {
    try_files $uri $uri/ /index.html;
    # 添加缓存头（根据文件类型调整）
    index index.html index.htm;
}

    location ^~/api/ {
                proxy_pass http://111.11.11.11:8080/;
                proxy_redirect  off;
                proxy_buffer_size 1024k;
                proxy_buffers 16 1024k;
                proxy_busy_buffers_size 2048k;
                proxy_temp_file_write_size 2048k;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_connect_timeout 1800;
                proxy_read_timeout 1800;
                proxy_send_timeout 1800;

        }

配置项内容

events:决定nginx如何处理并发连接。
events-worker_connections :每个nginx工作进程并发时的最大连接数。
http：定义服务器的http配置，里面有server配置。
server：定义一个虚拟主机，处理特定ip请求。
server-listen：制定服务器监听的端口。
注：如果要启动https，应配置SSL证书。
root：设置静态资源文件（前端包），
location:匹配所有请求路径
location-tryfiles:顺序检查请求的文件是否存在：
尝试匹配请求的 URI 对应的文件（$uri）。如果文件不存在，匹配请求的URI对应的目录（$uri/）。
如果目录也不存在，则返回 /index.html 文件。
index index.html index.htm:定义默认的索引文件顺序。当请求目录时，Nginx 会依次查找 index.html 和 index.htm.
location ^~/api/ { … } :反向代理配置，匹配所有以 /api/ 开头的请求，并将其代理到后端服务器 ，使用正则表达式匹配以 /api/ 开头的请求路径。
proxy_pass ：将匹配到的请求转发到指定的后端服务器和端口。
proxy_redirect off：关闭代理服务器返回的重定向修改。
buffers相关：设置数据块大小。
timeout：超时设置

配置nginx.service文件

配置命令如下

sudo vim /etc/systemd/system/nginx.service

其实主要就是把ExeStart内容从usr/…路径转到/etc/nginx/nginx.conf。如果其他路由则修改成其他路由。

配置项内容

[Service]
Type=simple
ExecStart= /etc/nginx/nginx.conf  # 关键：指定配置文件路径

启动nginx

找到nginx可执行文件目录。

whereis nginx

跳转

cd /usr/sbin

启动nginx

./nginx

常用nginx命令

查看当前nginx版本：nginx -v
校验nginx.conf：nginx -t
校验success返回结果:

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

重载进程配置：sudo systemctl daemon-reload
重新启动nginx:nginx -s reload
启动nginx: ./nginx ，前提是nginx可执行文件在当前目录，如/usr/sbin/目录下
查看端口被占用情况：lsof -i :80
查看系统中与nginx命令相关文件位置:whereis nginx
解压zip文件：unzip xxx.zip