vue单页面项目返回上一页无效,链接变化了,但是页面没有变化
2019-07-17 17:05
399 查看
原文链接:http://www.cnblogs.com/LChenglong/p/11202177.html
在最近的项目中,返回上一页没有效果,经过好久的排查才发现问题,是路由守卫写法不规范导致。
在项目中用路由守卫做了登录拦截,没登录的跳转到登录页面。页面跳转和拦截都没问题,但是返回上一页就不行了,也没有报错。
代码贴上来
router.beforeEach((to, from, next) => { if (to.meta.loginCheck) { //登录判断,如果登录了则正常跳转,如没有登录,则先登录 let gesToken =localStorage.getItem('gesToken'); if(gesToken){ next(); }else{ router.replace({path:'/login'});
next(); //这行是重点,bug的原因就在这
}; } else { next(); }; });
本来以为next()的作用就是下一步跳转页面,后来发现,不能正常返回上一页,就是因为我使用完router.replace()之后,没有再使用next();
next()无论什么情况都是必须写的!!
转载于:https://www.cnblogs.com/LChenglong/p/11202177.html
相关文章推荐
- 解决vue路由后界面没有变化,但是链接有的问题
- vue路由后界面没有变化,但是链接有
- 更改了javaScript函数的内容,但是刷新jsp页面后,效果没有发生变化。
- 不知道大家知道不知道,iOS开发,web页面的链接的active属性无效,但是今天发现一个hack办法可以让Css的active有效
- VUE 返回上一页 不刷新页面
- 微信返回上一页,页面中的AJAX的请求,对Get请求无效的解决办法
- 解决手机上页面返回但是页面js没有刷新的痛点(BFcache)
- springmvc+mybatis+maven项目集成的时候遇到一个问题,项目搭起来以后,http请求怎么都进不到controller中,页面直接返回404错误,控制台没有报任何错误,请大神帮我看看
- vue数组中数据变化但是视图没有更新解决方案
- vue数组中数据变化但是视图没有更新解决方案
- s:select数据可以插到数据库,但是返回回来页面没有显示
- vue路由名字不变,仅query发生变化,点击返回页面不重新渲染
- vue数组中数据变化但是视图没有更新解决方案
- springmvc+mybatis+maven项目集成的时候遇到一个问题,项目搭起来以后,http请求怎么都进不到controller中,页面直接返回404错误,控制台没有报任何错误,请大神帮我看看
- 解决微信返回上一页,页面中的AJAX的请求,对Get请求无效的问题
- 项目明明部署上去了,但是却只有class文件在服务器内,页面没有部署上去
- jauery加入项目中,但是在页面中显示没有找到这个文件--springMVC框架
- angularjs在js代码中改变了model的值,但是页面上没有变化
- ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目
- vue从其他页面返回保持上一页的状态