随着企业上云与个人开发者对高效、稳定计算资源的需求日益增长，选择合适的云服务与部署方案至关重要。本文将以华为云弹性云服务器（ECS）为平台，结合宝塔面板与Nginx，详细评测并演示如何同时部署Spring Boot后端与Vue.js前端项目，打造一站式全栈应用托管环境。

一、华为云弹性云服务器（ECS）评测

华为云ECS以其稳定可靠的性能、丰富的规格选择和极具竞争力的价格，成为众多开发者的优选。在本次部署实践中，我们选择一台CentOS 7.x系统的ECS实例。其核心优势在于：

高性能与稳定性：底层采用华为自研硬件与虚拟化技术，提供稳定的计算性能，网络延迟低，尤其在国内访问体验优异。
灵活的配置与计费：支持按需、包年包月等多种计费模式，CPU、内存、带宽、系统盘均可自由搭配，满足从测试到生产的不同场景。
完善的安全与网络：配备免费的基础DDoS防护、安全组（防火墙）精细控制，VPC网络隔离保障了应用的安全运行环境。
便捷的管理：通过华为云控制台可以轻松进行开关机、重置密码、备份镜像等操作，并集成丰富的监控告警功能。

二、基础软件环境搭建：宝塔面板

为了简化服务器运维管理，我们选择安装宝塔Linux面板（BT-Panel）。它是一款强大的服务器管理软件，通过Web界面即可完成大部分运维操作。

安装宝塔面板：通过SSH连接华为云ECS，执行官方的一键安装脚本。安装完成后，会提供面板地址、用户名和密码。
初始化环境：登录宝塔面板后，通常会推荐安装LNMP或LAMP套件。我们选择安装 Nginx 1.20+、 MySQL 5.7/8.0 和 Java项目管理器（用于管理Spring Boot）。同时安装Node.js环境（用于Vue项目构建）。宝塔的软件商店使得这些安装过程变得极其简单。

三、项目部署实战：Spring Boot + Vue

后端部署（Spring Boot）：
1. 项目准备：将Spring Boot项目打包成可执行的JAR文件（如 myapp.jar）。确保其配置文件（application.yml/properties）中的数据库连接等指向华为云ECS上的MySQL服务。
2. 上传与部署：通过宝塔面板的文件管理器或FTP功能，将JAR包上传至服务器目录，例如 /www/wwwroot/backend/。
3. 使用Java项目管理器：在宝塔的“软件商店”中找到并打开“Java项目管理器”。添加项目，设置项目路径、JAR包名、端口号（如8080）及启动参数。管理器支持一键启动、停止、重启和查看实时日志，极大简化了Spring Boot应用的运维。

前端部署（Vue.js）：
1. 项目构建：在本地开发环境，运行 npm run build 生成静态文件（位于 dist 目录）。
2. 上传文件：将 dist 文件夹内的全部内容，上传至服务器目录，例如 /www/wwwroot/frontend/。
3. 配置Nginx站点：在宝塔面板的“网站”菜单中，添加一个站点，域名填写你的域名或服务器IP地址，根目录设置为 /www/wwwroot/frontend。PHP版本选择“纯静态”。

四、核心环节：Nginx配置实现前后端联动

这是实现“同时部署”的关键。我们需要修改Nginx配置，将API请求代理到后端的Spring Boot应用，而其他请求则指向前端的静态资源。

进入宝塔面板中对应站点的“设置”->“配置文件”，进行修改：

`nginx server { listen 80; server_name your-domain.com; # 替换为你的域名或IP

前端静态资源服务

location / {
root /www/wwwroot/frontend; # Vue项目构建文件目录
index index.html index.htm;
try_files $uri $uri/ /index.html; # 支持Vue Router的history模式
}

后端API代理 - 将所有以 /api/ 开头的请求转发到Spring Boot应用

location /api/ {
proxypass http://127.0.0.1:8080; # 转发到Spring Boot运行的端口
proxysetheader Host $host;
proxysetheader X-Real-IP $remoteaddr;
proxysetheader X-Forwarded-For $proxyaddxforwardedfor;
proxysetheader X-Forwarded-Proto $scheme;
}