vue +spring boot 前后端分离项目 代码合并发布

需求

首先是有这么两个应用代码，前端是vue项目，后端是springboot 构建的服务端，因为这个项目很轻量级，完全没必要部署为两个应用，因此需要打包合并发布

步骤

第一步

新建环境配置文件,名称  .env.spring

第二步

在 package.json 新建 npm 脚本命令 :   "build_spring": "vue-cli-service build --mode spring"

第三步

执行 npm run build_spring  脚本命令.打包前端代码,并把dist中代码粘贴复制到springBoot项目中

第四步

打包 springBoot 代码成 jar 包,运行访问 http://[ip]:[端口号]/index.html,
由于我的项目本地运行且端口号为7700,故访问地址为:  http://localhost:7700/index.html