如何将前后端项目部署至云服务器？

一、云服务器准备与连接

选择阿里云、腾讯云等主流服务商创建云服务器实例，推荐使用 CentOS 7.6 或 Ubuntu 系统。创建完成后，通过 SSH 客户端（如 Xshell 或终端）连接服务器，输入命令 ssh root@your-server-ip 完成登录。

关键操作步骤：

1. 在服务商控制台配置安全组，开放 80、443、8080 等必要端口
2. 记录公网 IP 地址用于后续服务访问

二、运行环境配置

通过宝塔面板快速搭建基础环境：

• 执行官方安装命令部署宝塔 9.0+ 版本
• 通过软件商店安装 Nginx、JDK11、MySQL、Redis 等组件

手动安装示例（适用于自定义需求）：

# JDK 安装
sudo apt install openjdk-11-jdk
# Node.js 环境
curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -
sudo apt install nodejs

三、前端项目部署流程

以 Vue 项目为例的操作步骤：

1. 修改 API 请求地址为服务器公网 IP + 端口
2. 执行 npm run build 生成 dist 目录
3. 通过 Xftp 上传至服务器 /www/wwwroot 目录

配置 Nginx 反向代理：

server {
listen 80;
server_name your_domain;
root /www/wwwroot/dist;
location / {
try_files $uri $uri/ /index.html;
}

四、后端项目部署流程

Spring Boot 项目部署要点：

• 修改 application.yml 中的数据库连接信息
• 使用 Maven 打包生成 JAR 文件：mvn clean package
• 上传 JAR 文件至 /home/project 目录

创建 systemd 服务实现后台运行：

[Unit]
Description=springboot_service
[Service]
ExecStart=/usr/bin/java -jar /home/project/app.jar
[Install]
WantedBy=multi-user.target

五、服务启动与验证

完成部署后的验证流程：

1. 重启 Nginx：sudo systemctl restart nginx
2. 启动后端服务：sudo systemctl start app_service
3. 访问公网 IP 测试页面加载与 API 响应

常见问题处理：

• 端口冲突时修改服务监听端口
• 数据库权限问题需检查用户授权设置

通过宝塔面板与手动配置相结合的方式，可实现前后端项目的高效部署。建议生产环境采用 Docker 容器化部署提升环境隔离性，同时配置 HTTPS 证书加强安全性。