Vue项目直接部署Springboot项目里

Posted 2023-03-08

参考技术A 开始准备：
注意，我的 springboot 用的视图模板是 thymeleaf ，静态文件夹路径默认是 resources/static/ ，我们目的就是要把 dist 这个打包好的文件夹，整个放进去这里。

1.修改vuejs的 config/index.js ,在里面找到 assetsPublicPath ，改为 /dist/ ,记住，是 build: 这里的，不是上面 dev: 的。

2.执行 npm run build ，会出现一个 dist 文件夹在vuejs项目目录里。
3.把这个 dist 文件夹copy到 springboot 的 resources/static/ ,记住，是整个 dist 连文件夹一起copy过来。

OK，搞掂。就是这么简单。
访问 localhost/dist/index.html/#/ 就可以

按上文搞的还是不行，发现路由没有跳转出现空白页

https://www.cnblogs.com/ting0527/p/11654678.html

发现跳转不了 应该是history的模式路由需要修改才能改成hash
最后把项目扔到根目录localhost/ （不用index.html）
如果不想要根目录 我尝试了一下有404的问题，时间有限，以后有机会慢慢解决