1. 首页
  2. 编程语言
  3. Java
  4. SpringBoot集成vue的开发解决方案

SpringBoot集成vue的开发解决方案

上传者: 2022-04-15 17:32:43上传 PDF文件 101.44 KB 热度 12次

最近由于工作要求:前端采用vue开发,后端采用springboot开发,前后端分离开发,最后前端页面又整合到后端来。经历多次采坑,总结以下方案:vue打包后,会生成dist目录springboot静态资源目录如下:SpringBoot处理静态资源和页面,设置如下:页面模板设置,如下:vue打包后vendor文件过大的优化方案vue使用vue-cli打包后,vendor就将vue.js其他引用的包一起压缩打包进去,导致vendor文件超过1M,影响页面加载速度打包时,排除vue、vue-router、iview、axios、echarts等打包这里有注意的是:命名问题。例子:vue-router的路由页面设置为按需加载重新打包后vendor.js文件就小了,可以小到1k哦vue-router使用了history模式,vue其实做的是单页面应用,但是效果看上去是多个不同页面,问题来了,部署到线上环境后,该如何配置?

用户评论