访问"/"路由自动跳转到 登录界面 输入用户名和密码登录进入主页
主页
但是再次访问“/”路由后 不能自动跳转到 登录界面 还是以下界面 sessionStorage也没有被移除
想要实现再次访问“/”路由后 自动跳转到登录界面 并且sessionStorage被移除的效果怎么做？
代码截图
Header.vue
request.js
Login.vue
sessionStorage.removeItem移除问题和访问"/"页面的跳转
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
崽崽的谷雨 2022-10-12 14:31关注你这个功能 ，是想实现什么呢？ 第二次 不能跳转时因为 你判断了 userJson 不存在才跳转 。 你要不手动删除 或者 有个动作删除 这个 存储 它会一直在。 一般 都时点击 登出 才清除 。你这个 直接 输入 / 不太好检测到的 。
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 分享
- 2022-10-12 14:02回答 1 已采纳 你这个功能 ，是想实现什么呢？ 第二次 不能跳转时因为 你判断了 userJson 不存在才跳转 。 你要不手动删除 或者 有个动作删除 这个 存储 它会一直在。 一般 都时点击 登出 才清除 。你这
- 2016-02-21 00:50回答 3 已采纳 直接移除就行了，干嘛要eval。。eval你的key要用引号括起，要不就是传递变量(输入值为字母)或者数字的。 ``` /*该区块不可用*/ fun
- 2021-11-08 17:52回答 1 已采纳 1、每次打开都请求一下登录状态，再对页面做相对应的操作2、登录之后将token存本地，且加个过期时限，过了期限就默认未登录
- 2022-10-14 10:55小白探索世界欧耶！~的博客 其二，使用sessionStorage可以保证打开页面时sessionStorage的数据为空，而如果是localStorage则会读取上一次打开页面的数据。办法三：在父页面向后台请求远程数据，并且在页面刷新前将vuex的数据先保存至...
- 2022-07-21 16:22回答 3 已采纳 全局守卫写错了应该定义不需要被登录拦截的路由数组，比如 const notFilterComponents = ['login', 'register', 'findPassword', '404']
- 2019-07-23 22:42回答 1 已采纳 经过我多次测试，终于发现了问题，哈哈。你在方法外面获取了itelval 和ipasswdval 的值，这个时候值还是为空，当你调用方法的时候。localstorage里面没有空的值吧，所以循环里面的第
- 2022-01-11 10:47回答 2 已采纳 // 三元 <div className={styles.title}>{window.sessionStorage.getItem('systemName')?window.sessio
- 2022-09-01 10:55Suyuoa的博客 本地存储可以把数据存在浏览器中，减少用户与服务器的交互有sessionStorage与localStorage两种方式可以本地存储数据，sessionStorage容量约5M，localStorage容量约20M本地存储只能存储字符串，可以将对象JSON....
- 2022-12-20 15:59回答 4 已采纳 sessionStorage是同步的，获取不到值只可能是设置值的地方是异步执行的，尚未setItem时就执行了getItem的代码
- 2023-04-20 15:44回答 2 已采纳 mounted生命周期中，sessionStorage.getItem('存储的name')
- 2022-01-06 02:02回答 2 已采纳 把路由模式 history 修改为 hash 就可以了mode: "history" ==> mode: "hash" 要使用 history 模式， 需要后端配合 https://rout
- 2020-12-24 16:15mercurio13zeq的博客 1.cookie 存储:document.cookie="Name =Value";......)的一个字符串, 下面我们要想方法截取出我们需要的Name和对应的Value ①借用正则和match函数 首先简单了解一下match()函数 match定义和用法 ...
- 2020-12-11 10:58渔樵_的博客 { console.log(config) config.headers.Authorization = window.sessionStorage.getItem('token') return config // 在最后必须return config }) localStorage 和 sessionStorage一些方法 localStorage 和 ...
- 2020-05-07 11:01w_t_y_y的博客 一、cookie、sessionStorage和localStorage的区别： 二、demo：
- 2016-09-23 14:16weixin_30433075的博客 Table of Contentsgenerated withDocToc FE-interview ...$HTML， HTTP，web综合问题 常见排序算法的时间复杂度,空间复杂度 前端需要注意哪些SEO web开发中会话跟踪的方法有哪些 <img&g...
- 2022-10-14 14:55浪流人的博客 request是用户请求访问的当前组件，以及和当前web组件共享同一用户请求的web组件。如：被请求的jsp页面和该页面用指令包含的页面以及标记包含的其它jsp页面； Session是用户全局变量，在整个会话期间都有效。只要...
- 2018-07-06 11:47weixin_33963594的博客 SessionStorage 首先查看sessionStorage的地方在控制台的 Application > Storage > Session Storage这里： 根据sessionstorage的特性，做一下各个方法的封装： const ls = window.sessionStorage; ...
- 2022-08-26 14:10科 ren的博客 在做完这些后还有一个问题就是我们需要在我们跳转到除了修改页面之后需要将页码去掉这个时候我们就需要用的路由的生命周期了；那么我们首先就要在离开这个主页面的时候将页码进行保存通过sessionStorage保存当前页码...
- 2018-11-20 20:49多则惑少则明的博客 目录 背景回顾 sessionstorage与localStorage对比 使用注意 ...2、vue其他页面使用 背景简介 HTML5中与本地存储相关的两个重要内容：Web Storage与本地数据库。其中，Web Storage存储机制是对...
- 2022-03-14 19:25超级小丑_Supclown的博客 金山文档】 Bom和Ajax# https://kdocs.cn/l/cnWuvzdJqqOU 复习: 回调函数 (一) window对象# JavaScript运行在浏览器, 而window对象是浏览器提供的一个对象, 所以也可以称为宿主对象。window包含Dom和Bom和其它的...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 10月12日-
已采纳回答
10月12日
-
创建了问题
10月12日
悬赏问题
- ¥500 火焰左右视图、视差（基于双目相机）
- ¥100 set_link_state
- ¥15 虚幻5 UE美术毛发渲染
- ¥15 CVRP 图论 物流运输优化
- ¥15 Tableau online 嵌入ppt失败
- ¥100 支付宝网页转账系统不识别账号
- ¥15 基于单片机的靶位控制系统
- ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
- ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本