正文如果你正在学习 SpringBoot Vue 前后端分离架构或者准备做一个电商系统练手项目那么newbee-mall是一个非常经典且完整的商城项目。它包含商城系统后台管理系统前台展示系统整体结构清晰功能完善非常适合作为电商系统的学习与二次开发基础。这篇文章我会带你从 0 到 1 把 newbee-mall 部署到服务器并实现真正对外访问。一、newbee-mall 是什么newbee-mall 是一个基于前后端分离架构的开源商城系统。技术栈后端SpringBoot前端Vue数据库MySQL缓存可接入 Redis架构REST API主要功能商品管理订单管理用户管理购物车支付流程模拟后台权限管理非常适合学习电商系统架构搭建商城原型做 SaaS 电商平台二、为什么推荐使用云服务器部署商城系统必须公网访问长期在线支持多用户访问支持 HTTPS本地运行无法满足实际使用需求。这里推荐使用莱卡云服务器BGP 多线网络稳定低延迟适合长期运行电商系统支持扩容升级对于商城系统这种高稳定性需求项目非常合适。三、服务器环境准备1️⃣ 推荐配置小型商城建议CPU2 核内存4GB硬盘50GB系统Ubuntu 22.04如果访问量大建议升级 4 核 8GB。2️⃣ 安装基础环境apt update apt upgrade -yapt install -y git nginx mysql-server openjdk-17-jdk maven安装 Node.jsapt install -y nodejs npm四、部署 newbee-mall 后端1️⃣ 获取源码git clone https://github.com/newbee-ltd/newbee-mall.gitcd newbee-mall2️⃣ 创建数据库mysql -u root -pCREATE DATABASE newbee_mall DEFAULT CHARSET utf8mb4;导入项目中的 SQL 文件。3️⃣ 修改数据库配置编辑src/main/resources/application.yml填写数据库账号密码。4️⃣ 打包运行后端mvn clean package -DskipTests运行java -jar target/newbee-mall.jar默认端口通常为 8080。五、部署前端系统进入前端目录cd newbee-mall-vue-appnpm installnpm run build生成 dist 文件夹。复制到 Nginxcp -r dist/* /var/www/html/六、配置 Nginx 反向代理编辑配置nano /etc/nginx/sites-available/newbee示例配置server {listen 80;server_name your-domain.com;root /var/www/html;index index.html;location /api/ {proxy_pass http://127.0.0.1:8080/;}location / {try_files $uri $uri/ /index.html;}}重载systemctl reload nginx七、开启 HTTPS强烈推荐apt install -y certbot python3-certbot-nginxcertbot --nginx -d your-domain.com开启 HTTPS 后更安全也更利于 SEO。八、生产环境优化建议商城系统建议接入 Redis 做缓存限制数据库远程访问使用 systemd 守护 Java 进程开启防火墙定期备份数据库可增加 CDN 提升静态资源速度部署在莱卡云服务器上可以长期稳定运行。九、实际体验感受部署完成后前台商城流畅后台管理完整功能模块清晰适合作为电商系统原型对于学习电商架构非常有帮助。十、总结newbee-mall 是一个结构清晰、功能完整的前后端分离商城系统。适合学习电商系统开发搭建商城原型做企业内部商城如果希望商城系统长期在线、访问稳定建议使用稳定的云服务器例如莱卡云进行部署可以保证网络质量与系统稳定性。