vue拦截器刷新登陆页面_vue 一刷新就退回登录页面了

在Vue项目中,配置的拦截器和路由拦截在页面刷新后导致用户被重定向到登录页面。当用户登录成功并操作数据后,刷新页面会清除存储的用户名并返回登录页面。主要代码涉及路由拦截和HTTP请求拦截器,目前未找到问题所在,寻求帮助解决用户刷新页面不跳转登录页的问题。
摘要由CSDN通过智能技术生成

写项目时,遇到一个问题就是,我配置好拦截器和路由拦截,没有报错,感觉可以,但是会到页面登录成功后,操作数据后,习惯性点击刷新,这时就退回到登录页面了,我知道是我清空存储的值,但是现在觉得用户万一刷新就退到登录页面的话,感觉心态会爆炸!

// // 验证是否用户登录

if (!store.state.username) {

router.push({

path: '/Login'

})

}

// 路由拦截

// 触发store中state事件判断state值是否存在

router.beforeEach((to, from, next) => {

// eslint-disable-next-line eqeqeq

if (to.path === '/Login') {

sessionStorage.removeItem('username')

}

if (store.state.username) {

if (to.path === '/') {

next({

path: '/Member'

})

} else {

next()

}

} else {

next({

path: '/Login'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值