Linux服务器部署Nginx教程（从零实现前后端分离Web项目上线）

在当今的互联网开发中，前后端分离部署已成为主流方案。通过在Linux服务器上使用Nginx，我们可以高效地处理静态资源，并实现灵活的反向代理。本教程将手把手教你完成 Linux部署Nginx 的全过程，助力你的 Web服务器上线。

一、环境准备与Nginx安装

首先，我们需要在Linux系统（如Ubuntu或CentOS）中安装Nginx。以下是常用的安装命令：

# 对于Ubuntu/Debian系统sudo apt updatesudo apt install nginx -y# 对于CentOS系统sudo yum install epel-release -ysudo yum install nginx -y

安装完成后，使用 systemctl start nginx 启动服务，并通过浏览器访问服务器IP，看到欢迎页面即表示成功。

Linux服务器部署Nginx教程（从零实现前后端分离Web项目上线） Linux部署Nginx 前后端分离部署 Nginx配置教程 Web服务器上线第1张

二、前端静态资源部署

前端通常使用Vue或React开发。在本地执行 npm run build 后会生成一个dist文件夹。我们将此文件夹上传至服务器的 /var/www/html/dist 路径下。

三、核心Nginx配置教程

这是最关键的一步。我们需要编辑Nginx的配置文件（通常位于 /etc/nginx/conf.d/default.conf），实现静态资源访问与后端接口转发：

server {    listen 80;    server_name your_domain_or_ip;    # 前端静态文件路径    location / {        root /var/www/html/dist;        index index.html;        try_files $uri $uri/ /index.html; # 解决Vue等单页面路由404问题    }    # 后端API反向代理    location /api/ {        proxy_pass http://127.0.0.1:8080/; # 后端服务运行地址        proxy_set_header Host $host;        proxy_set_header X-Real-IP $remote_addr;    }}

这部分 Nginx配置教程 展示了如何通过反向代理解决跨域问题，是项目上线的核心环节。

四、检查与生效

完成配置后，务必检查语法并重启服务：

sudo nginx -t          # 检查配置文件是否有误sudo systemctl reload nginx  # 平滑重启

五、总结

通过以上步骤，我们成功完成了 Linux部署Nginx。从基础安装到 前后端分离部署 的逻辑配置，再到最后的 Web服务器上线，每一步都为网站的稳定运行奠定了基础。希望这份 Nginx配置教程 能帮助到初学者快速上手服务器运维工作。

本文关键词：Linux部署Nginx, 前后端分离部署, Nginx配置教程, Web服务器上线

Linux服务器部署Nginx教程（从零实现前后端分离Web项目上线）