要将 Vue + Spring Boot 项目打包成 APK，核心思路是将前端打包为静态资源嵌入移动端容器，后端可选择「本地嵌入式服务」或「远程部署」
H5 混合开发：
核心是把 Vue 前端打包成 H5，用 Cordova/PhoneGap 或 HBuilderX 封装成 APK，Spring Boot 后端部署到服务器（前后端分离）。
步骤 1：Vue 前端打包
调整 Vue 配置：修改 vue.config.js（或 vite.config.js），将 publicPath 改为相对路径（避免路径问题）：
// vue.config.js（Vue2/Vue3）
module.exports = {
publicPath: './',
outputDir: 'dist' // 打包输出目录
};
// vite.config.js（Vite）
export default defineConfig({
base: './',
build: { outDir: 'dist' }
});
生成 dist 文件夹（纯静态 HTML/CSS/JS）。
步骤 2：用 HBuilderX 封装 APK
HBuilderX 内置打包工具，无需复杂配置：
下载 HBuilderX：官网，安装「5+App 打包插件」。
新建「5+App 项目」：选择「普通 HTML 项目」，将 Vue 打包后的 dist 内所有文件复制到项目根目录。
配置后端接口：修改 Vue 打包后的接口请求地址，指向部署好的 Spring Boot 服务器。
打包 APK：点击顶部「发行」→「原生 App - 云打包」，选择「Android 打包」，填写应用名称、包名，直接生成 APK。
步骤 3：Spring Boot 后端部署
将 Spring Boot 打包为 Jar 包，部署到服务器（云服务器 / 本地内网）：
mvn clean package -DskipTests
运行 Jar 包
java -jar xxx.jar --server.port=8080
确保移动端能访问该服务器（内网测试需同一局域网，外网需配置域名 / 端口放行）。