SpringBoot整合Vue部署

說明

由於開發採用的前後端分離開發，所以前端用了Vue。後端用了Springboot，然而在開發完成以後。需要將前後端放入到一起去部署，所以想到了將Vue打包後的項目部署到springboot項目中

Vue項目打包

npm run build
#由於我用的是Vue-element-Admin模板，打包命令是
npm run build:prod

SpringBoot項目

在.yml配置文件中設置靜態資源路徑

 spring.resources.static-locations=classpath:/META-INF/resources/, classpath:/META-INF/resources/webjars/, classpath:/static/

然後目錄結構如下

將項目重啓就可以正常訪問了：
localhost:8080/index.html