Linux部署Nginx前后端web教程

欢迎来到Linux部署Nginx前后端web教程！本教程专为初学者设计，手把手教你如何在Linux服务器上使用Nginx部署一个完整的前后端分离项目。无论你是刚接触Web服务器部署的小白，还是希望系统学习Nginx配置教程的开发者，本文都将为你提供清晰、详细的步骤。

第一步：环境准备 首先，你需要一台Linux服务器（推荐Ubuntu 20.04或CentOS 7）。通过SSH登录后，执行系统更新命令：sudo apt update && sudo apt upgrade -y（Ubuntu）或sudo yum update -y（CentOS）。这是所有Linux部署Nginx工作的基础。

第二步：安装Nginx 接下来安装Nginx。Ubuntu使用sudo apt install nginx -y，CentOS使用sudo yum install nginx -y。安装后启动Nginx并设置开机自启：sudo systemctl start nginx && sudo systemctl enable nginx。此时在浏览器访问服务器公网IP，即可看到Nginx欢迎页，这说明你的Web服务器部署第一步成功！

第三步：准备前后端项目 以常见的Vue.js + Node.js为例。在前端项目目录下运行npm run build，生成dist静态文件夹。后端项目如果是Node.js，需要确保Linux上安装了Node.js和npm，可以使用nvm安装。对于前后端分离部署，我们需要将前端静态文件交给Nginx托管，后端API则通过Nginx代理转发。

第四步：配置Nginx 这是Nginx配置教程sudo vim /etc/nginx/sites-available/myapp（Ubuntu）或sudo vim /etc/nginx/conf.d/myapp.conf（CentOS）。写入以下配置（请根据实际情况修改路径和域名）：

server {    listen 80;    server_name your_domain_or_ip;    root /var/www/myapp/dist;  # 前端dist路径    index index.html;    location / {        try_files $uri $uri/ /index.html;    }    location /api/ {        proxy_pass http://localhost:3000;  # 后端服务地址        proxy_http_version 1.1;        proxy_set_header Upgrade $http_upgrade;        proxy_set_header Connection "upgrade";        proxy_set_header Host $host;        proxy_cache_bypass $http_upgrade;    }}

配置完成后，测试语法：sudo nginx -t，然后重新加载Nginx：sudo systemctl reload nginx。

第五步：启动后端服务 确保你的后端服务正在运行（例如使用pm2管理Node.js应用）。访问你的域名或IP，应该能看到前端页面，并且API请求也能正常转发到后端。至此，一个完整的前后端分离部署就完成了！

进阶提示： 如果希望使用HTTPS，可以借助Certbot自动获取SSL证书并配置。未来你还可以深入学习Nginx的负载均衡、缓存优化等高级特性，让Web服务器部署更加强大。希望这篇Linux部署Nginx前后端web教程对你有所帮助，欢迎在评论区交流讨论！