springboot中集成vue项目,vue项目路由history模式不能刷新和输入url访问问题
2018-11-23 09:54
4131 查看
先声明,如果不是必须用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里面,对应第一步的页面
阅读更多
相关文章推荐
- vue路由history模式刷新页面出现404问题
- vue-route+webpack单页路由项目,打包后访问正常刷新出现404问题
- 解决SpringBoot项目打成jar包访问不了jsp模板的问题: SpringBoot项目集成jsp模板打成war包 然后通过java -jar 命令启动访问
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- springboot中整合activiti流程设计器时遇到访问项目需要输入tomcat用户名和密码的问题
- 解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- 关于springboot正常启动,路由却无法正常访问的问题
- spring boot j集成seagger 加入拦截器后 swagger 不能访问
- react,vue等部署单页面项目时,访问刷新出现404问题
- Springboot+React项目跨域访问问题
- 如何去除vue项目中的 # — vue路由的History模式
- spring boot controller路由 url 扫描不到问题
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- 解决eclipse新建springboot项目不能依赖sprig-parent-boot的问题
- nginx配置vue-router+webpack项目部署访问刷新出现404问题
- Eclipse使用Debug模式调试Spring Boot项目时跳转到exitCurrentThread的问题
- spring boot controller路由 url 扫描不到问题