SeigRobotics1. Ubuntu 下 Nginx 的完整安装与配置指南
在 Linux 服务器环境中，Nginx 凭借其高性能、低资源占用和灵活的配置特性，已成为最受欢迎的 Web 服务器之一。作为一名长期使用 Ubuntu 部署 Web 应用的老手，我将分享从安装到生产环境配置的完整流程，特别是针对前后端分离项目的优化设置。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. Nginx 安装与基础配置
2.1 安装 Nginx 的正确姿势
在 Ubuntu 上安装 Nginx 非常简单，但有几个关键细节需要注意：
bash复制# 更新软件包索引（首次安装前必须执行）
sudo apt update
# 安装 Nginx 主程序
sudo apt install nginx -y
安装完成后，系统会自动创建 nginx 服务并启动。验证安装是否成功：
bash复制# 检查服务状态
systemctl status nginx
# 测试访问（应返回默认欢迎页）
curl -I 127.0.0.1
注意：如果服务器启用了防火墙（如 ufw），需要放行 HTTP/HTTPS 端口：
bash复制sudo ufw allow 'Nginx Full'
2.2 目录结构与配置文件解析
Nginx 的配置文件主要分布在以下位置：
- 主配置文件：
/etc/nginx/nginx.conf - 模块配置：
/etc/nginx/modules-enabled/*.conf - 站点配置：
/etc/nginx/sites-available/（可用配置） - 启用站点：
/etc/nginx/sites-enabled/（实际加载的配置）
生产环境最佳实践是：
- 在
sites-available中创建配置文件 - 通过软链接到
sites-enabled启用配置 - 使用
nginx -t测试配置语法 - 重载配置
systemctl reload nginx
3. 前后端分离项目配置实战
3.1 基础前端项目部署
假设前端项目构建产物位于 /var/www/html，典型配置如下：
nginx复制server {
listen 80;
server_name yourdomain.com;
root /var/www/html;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
关键点说明：
try_files指令处理前端路由的 404 问题- 对于 Vue/React 等 SPA 应用必须包含
/index.html回退 - 静态资源应设置适当的缓存头
3.2 后端 API 代理配置
前后端分离架构中，Nginx 需要代理后端 API 请求：
nginx复制lo