当前位置：首页 > news >正文

Linux部署Nginx前后端web教程

news 2026/9/24 22:16:59

一、前言

目前Linux部署web类似于IIS，主要有两种方式来实现：Apache、Nginx；

Nginx性能更高一点，这里着重讲；

二、准备

1、安装 Nginx：

sudo apt install -y nginx

2、启动并设置 Nginx 开机自启：

sudo systemctl start nginx sudo systemctl enable nginx

3、验证 Nginx 是否运行正常：

sudo systemctl status nginx

4、查看防火墙开放端口：

sudo ufw status

若无，下载启用防火墙：

sudo apt install -y ufw sudo ufw enable

5、开放所需端口：

sudo ufw allow 80 /tcp

须知：80默认开放，所有与Linux交互的端口都必须开放，否则只本机能连；

三、部署前端

1、提前打包好前端文件；

2、将文件复制至var/www/html

须知：默认存在html文件夹，你也可自己创建文件夹，html内部有.html文件的话需删除或替换；

不会复制的看我上期：快速上手！查看、拷贝、编辑、远程连接Linux命令-CSDN博客

若使用的是自己创建的文件则，创建符号链接以启用该站点配置：

sudo ln -s /etc/nginx/sites-available/my_http_api（创建文件名称） /etc/nginx/sites-enabled/

测试配置文件是否正确：

sudo nginx -t

3、重启Nginx服务：

sudo systemctl restart nginx

4、成功样例：

须知：默认调用80端口，确保防火墙和公网开放80端口，若想自定义端口，可看部署后端配置文件配置；

四、部署后端

前言：这里所做的是Nginx转发后端，就是将Linux所对应端口所传入转发至另个服务器，另个服务器处理之后返回；

1、配置 Nginx ：

sudo nano /etc/nginx/sites-available/default

须知：主配置文件通常位于/etc/nginx/nginx.conf，而站点配置文件通常位于/etc/nginx/sites-available/目录下；

nano命令操作文件快捷键：
只需要记住：ctrl+X退出，Y保存，enter关闭；

80默认存在，假设我需要8080，完整放入配置最下面：

server { listen 8080; # 可更改8080端口 listen [::]:8080; root /var/www/html; # 部署web的根目录 index index.html index.htm; server_name _; location / { # 启用目录列表功能(一般不启用，看个人) # autoindex on; # autoindex_exact_size off; # 显示文件大小为人类可读格式（如 KB、MB） # autoindex_localtime on; # 显示文件的本地时间 try_files $uri $uri/ =404; } # 针对 .ashx 动态web文件，若服务器转发删除上发loaction，去除下方'#' # location ~ \.ashx$ { # proxy_pass http://ip:port; # 转发服务器部署IIS的http的url # proxy_set_header Host $host; # proxy_set_header X-Real-IP $remote_addr; # proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # } }

针对https：

server { listen 443 ssl; # 可更改443端口 server_name your_domain; # 域名 # 指定根目录 root /var/www/html; index index.html; # SSL 配置 自定义证书路径 ssl_certificate /home/your_domain/fullchain.pfx; ssl_certificate_key /home/your_domain/privkey.txt; # SSL 安全设置（推荐） ssl_protocols TLSv1.2 TLSv1.3; ssl_prefer_server_ciphers on; ssl_ciphers HIGH:!aNULL:!MD5; # 处理请求的规则 location / { try_files $uri $uri/ =404; } # 针对 .ashx 动态web文件，若服务器转发删除上发loaction，去除下方'#' # location ~ \.ashx$ { # proxy_pass http://ip:port; # 转发服务器部署IIS的http的url # proxy_set_header Host $host; # proxy_set_header X-Real-IP $remote_addr; # proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } }

2、测试配置文件是否正确：