Vue学习:Vue前端项目部署到SpringBoot工程下

Vue项目部署到SpringBoot工程下

Vue前端项目

1
npm run build

运行上述命令,将前端Vue项目打包,命令运行完成之后会在项目根目录下生成一个生成一个dist文件夹, 编译好的静态文件就在这里面

部署在SpringBoot项目下

将前端项目中dist文件夹下的所有文件拷贝到SpringBoot工程的src/main/resources/static文件夹下

运行后端项目,可以看到控制台会有这样的输出,证明将静态页面加入了容器中,现在就可以访问到前端页面了

1
2019-10-26 15:47:09.607  INFO 1967 --- [           main] o.s.b.a.w.s.WelcomePageHandlerMapping    : Adding welcome page: class path resource [static/index.html]