一、准备工作
部署前需完成以下准备工作：
- 注册腾讯云账号并购买云服务器（推荐CentOS或Ubuntu系统）
- 配置安全组开放80/443端口
- 通过SSH工具连接服务器（推荐Xshell或MobaXterm）
- 准备已完成的Vue项目源码
二、构建Vue项目
在本地开发环境执行构建命令：
- 安装依赖：
npm install - 执行构建：
npm run build - 生成dist目录（包含静态资源）
三、配置服务器环境
通过SSH连接服务器完成环境配置：
- 安装Node.js：
yum install nodejs npm（CentOS） - 安装Nginx：
yum install nginx（CentOS） - 创建部署目录：
/var/www/vue-project
四、部署项目到服务器
通过以下步骤完成部署：
- 上传dist目录到服务器（推荐使用SCP或宝塔面板）
- 配置Nginx：
- 修改配置文件：
/etc/nginx/conf.d/default.conf - 设置root路径指向dist目录
- 修改配置文件：
- 重载配置：
nginx -s reload
五、验证与维护
完成部署后需进行验证：
- 访问服务器公网IP检查页面显示
- 配置域名解析（可选）
- 设置Nginx开机自启：
systemctl enable nginx
通过合理配置服务器环境和Nginx服务，结合自动化构建工具，可实现Vue项目的高效部署。建议定期更新依赖包并监控服务器资源使用情况，确保应用稳定运行。
