springboot中集成vue项目,vue项目路由history模式不能刷新和输入url访问问题
先声明,如果不是必须用history模式...hash模式(带#那个)根本不存在这个问题.... 前端水平太菜了...踩了这个坑 springboot中集成vue项目,由于要求用jar包部署方式,vue构建之后(路由为history模式)dist目录中文件直接放到/resources/static/底下,访问localhost:8080 可以访问到vue项..
先声明,如果不是必须用history模式...hash模式(带#那个)根本不存在这个问题.... 前端水平太菜了...踩了这个坑
springboot中集成vue项目,由于要求用jar包部署方式,vue构建之后(路由为history模式)dist目录中文件直接放到/resources/static/底下,访问localhost:8080 可以访问到vue项目.路由跳转也没问题,但是问题是不能刷新和地址栏输入地址.
history模式下,一刷新和输入地址都会被springboot的路由接管,报出error page.
所以解决思路是vue构建之后的dist目录中的static文件直接放到springboot项目/resources/static/底下.然后随便写一个控制器路径为/oa/**指向一个页面,页面内容为vue项目的index.html内容. vue构建时候路由里base也改成/oa/ 这样访问前端的项目以及刷新,输入地址都会被springboot匹配到指向vue的首页.也能匹配到vue的路由.
1.随便写一个方法,指向一个页面,我这里使用了freemarker模板引擎
2.如果有拦截器,去掉拦截
3.vue中router添加base
4.构建vue项目
dist文件的static直接扔到/resources/static/底下.oaIndex.ftl放到template里面,对应第一步的页面
更多推荐
所有评论(0)