🚀 前言

在前端开发中，`npm run build` 是一个常见的命令，用于打包项目并生成优化后的静态文件。这些文件通常存储在 `dist` 文件夹中。接下来，你需要将这些文件上传到服务器并运行起来。以下是一个简单易懂的操作指南！

💡 第一步：上传dist文件

完成打包后，确保你的 `dist` 文件夹已经生成。使用工具如 `scp` 或第三方客户端（如 FileZilla）将 `dist` 文件夹上传到服务器的指定目录。例如：

```bash

scp -r dist user@your-server-ip:/var/www/html/

```

💻 第二步：安装Node.js环境

如果服务器尚未安装 Node.js，请先安装它。运行以下命令：

```bash

sudo apt update && sudo apt install nodejs npm

```

⚙️ 第三步：配置Nginx或Apache

- 如果使用 Nginx，编辑配置文件：

```bash

sudo nano /etc/nginx/sites-available/your-site

```

添加类似以下

```nginx

server {

listen 80;

server_name your-domain.com;

root /var/www/html/dist;

index index.html;

location / {

try_files $uri $uri/ =404;

}

}

```

然后重启服务：

```bash

sudo systemctl restart nginx

```

🎉 第四步：验证运行

打开浏览器，访问你的域名或服务器IP地址，查看是否能正常加载页面。如果一切顺利，你的项目就成功上线啦！

🌟 总结

通过以上步骤，你可以轻松地将前端项目部署到服务器上，并让其正常运行。无论是个人博客还是企业网站，这套流程都非常实用！✨