springboot+vue/uniapp 二级目录 static 部署 / 多前端共用后端

很多时候我们需要用到一个 后端 包含多个 前端 项目, 比如一个 h5 活动的页面是 vue/uniapp 写的, 后台也是用的 vue

如果我们把 h5dist 丢到 src/main/resources/static 下, 相当于这个 h5 独占了 / , 再有后台是 vue 写的就放不下了

这时候可以使用 二级目录 的方式实现 多前端 共在一个 jar/war 包内

目录结构如下:

1
2
3
4
5
6
.
├── application.yml
├── static
│   ├── dist
│   └── h5
└── templates

无法正常显示问题查看此处

访问 /h5 /dist 有标题无内容

  • 更新 static 目录后, 往往需要 clean 清理缓存后才能打包/调试

静态资源访问路径不对, 未能加载

  • uniapp项目需要在 manifest.json 中的 h5 配置中修改 运行基础路径./ 发布为h5页面
  • vue 同上 修改文件为 vue.config.jspublicPath publicPath