如何通过nginx在云服务器部署前端dist包？

一、环境准备与Nginx安装

部署前端dist包前，需确保云服务器已安装Nginx并开放必要端口。推荐两种安装方式：

• YUM安装：适用于CentOS系统，执行yum install -y nginx完成安装。
• 源码编译安装：下载稳定版压缩包，解压后执行./configure、make和make install完成编译。

安装完成后，通过nginx -v验证版本，并检查防火墙是否放行80或自定义端口。

二、上传前端dist包至服务器

将本地打包生成的dist目录上传至服务器，常用方法包括：

1. 使用SCP命令：scp -r dist/ user@server_ip:/target/path。
2. 通过FTP工具（如XFTP）直接拖放至/usr/local/nginx/html/目录。
3. 结合Git从仓库拉取构建后的静态文件。

三、配置Nginx服务

编辑Nginx配置文件nginx.conf，需重点关注以下参数：

server {
listen 80;
server_name your_domain.com;
root /usr/local/nginx/html/dist;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}

若需支持多项目部署，可使用alias指令指定不同目录，避免路径冲突。

四、启动与验证部署

完成配置后，执行以下操作：

1. 启动Nginx服务：systemctl start nginx或直接运行nginx。
2. 重载配置：nginx -s reload避免重启服务中断请求。
3. 访问http://服务器IP:端口，若显示前端页面即部署成功。

通过Nginx部署前端dist包的核心步骤包括环境配置、文件上传、服务路由定义及运行验证。需特别注意路径映射与端口权限问题，同时建议启用日志监控（如/var/log/nginx/access.log）排查访问异常。