前后端分离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

你可能感兴趣的:(spring,boot,vue.js,后端)