前后端分离springBoot项目集成部署vue

springboot项目

创建默认项目即可

vue项目

在springboot项目中使用npm init vue@latest脚手架创建vue项目,其他方式创建项目也可以
自己npm添加依赖,例如element-plus

集成部署

build vue项目生成dist中的静态资源,放到resources/static中,打包部署jar包即可

访问测试

直接访问springboot端口号
http://localhost:8306即可访问index.html

注意

不要把index.html放到template下,这个是给thymeleaf使用的放入html