日总结 40

将 Vue + Spring Boot 项目打包成 APK：
H5 混合开发
步骤 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' }
});
执行打包命令：
npm run build
生成 dist 文件夹（纯静态 HTML/CSS/JS）。
步骤 2：用 HBuilderX 封装 APK
HBuilderX 内置打包工具，无需复杂配置：
下载 HBuilderX：官网，安装「5+App 打包插件」。
新建「5+App 项目」：选择「普通 HTML 项目」，将 Vue 打包后的 dist 内所有文件复制到项目根目录。
配置后端接口：修改 Vue 打包后的接口请求地址，指向部署好的 Spring Boot 服务器（如 https://xxx.com/api）。
打包 APK：点击顶部「发行」→「原生 App - 云打包」，选择「Android 打包」，填写应用名称、包名，直接生成 APK（免费版生成测试包，可直接安装测试）。
步骤 3：Spring Boot 后端部署
将 Spring Boot 打包为 Jar 包，部署到服务器（云服务器 / 本地内网）：
mvn clean package -DskipTests

运行 Jar 包

java -jar xxx.jar --server.port=8080
确保移动端能访问该服务器（内网测试需同一局域网，外网需配置域名 / 端口放行）。