Alibaba Cloud Linux 系统安装nginx，发布网站教程

步骤一：准备阿里云服务器环境（安装 Web 服务器）

SSH登录阿里云服务器

ssh root@你的公网IP

安装nginx

# 更新 yum 源（可选） 
sudo yum update -y 
# 安装 Nginx 
sudo yum install -y nginx

启动并设置开机自启动

sudo systemctl start nginx 
sudo systemctl enable nginx

检查是否运行成功

sudo systemctl status nginx

步骤二：开放安全组端口（关键！）

操作步骤：

1. 登录 阿里云 ECS 控制台

2. 找到你的实例 → 点击 「更多」→ 「网络和安全组」→ 「安全组配置」

3. 在 入方向规则 中，点击 「手动添加」

4. 添加规则：

   • 授权策略：允许
   • 协议类型：HTTP(80)
   • 端口范围：80
   • 授权对象：0.0.0.0/0（表示所有人可访问）

5. 保存

步骤三：上传 dist 文件到服务器

1. 将dist文件夹压缩成压缩包zip,使用阿里云自带的功能上传到home文件夹下。

步骤四： 配置 Nginx 指向你的 dist 目录

1. 备份默认配置（可选）

   sudo cp /etc/nginx/nginx.conf /etc/nginx/nginx.conf.bak
   

2. 编辑 Nginx 配置

   sudo vim /etc/nginx/conf.d/default.conf
   

   或直接修改主配置中的 server 块。

3. 修改 root 路径为你上传的 dist 目录（注意文件符号不能写错，建议直接复制粘贴）

   server {
       listen       80;
       server_name  _;  # 或你的域名
   
       location / {
           root   /home/dist;   # 👈 改成你的 dist 路径
           index  index.html;
           try_files $uri $uri/ /index.html;  # 支持 Vue Router history 模式
       }
   }
   

4. 测试配置 & 重载 Nginx

   # 测试配置是否正确
   sudo nginx -t
   
   # 重载配置（不中断服务）
   sudo systemctl reload nginx
   

最终验证

1. 打开浏览器，访问：

   http://你的公网IP
   

2. 应该能看到你前端项目的首页！