HTML5无刷新修改Url,history pushState/
2019-06-14 本文已影响0人
无名程序猿
- 出现的问题:
react项目中url使用 “#” 拼接,使用外部链接直接访问首页后,退出登录导致页面循环登录首页。 - 解决方案:
在退出登录操作中无刷新状态下修改页面url,之后经过用户路由判断自动跳转到登录页面。 - 具体代码:
history.replaceState(null, '', '/login');
首页按钮操作方法.png
global方法.png
history中的pushState和replaceState是一个HTML5的新接口,他们的作用非常大,可以做到改变网址却不需要刷新页面,这个特性后来用到了单页面应用中比如:vue-router,react-router-dom里面,
参考链接:
HTML5无刷新修改Url,history pushState/replaceState