关于退出登录的问题，退出后刷新仍然登录

来源：8-11 作业：注册页面的编写

秋之树

2020-11-19

我写了一个退出登录的代码
store.ts里老师写的代码如下

 logout(state) {
      state.token = ''
      state.user = { isLogin: false }
      localStorage.remove('token')
      delete axios.defaults.headers.common.Authorization
    }

GlobalHeader.vue里的代码如下

setup () {
    const store = useStore()
    const logOut = () => {
      store.commit('logout', true)
    }
    return {
      logOut
    }
  }

 <dropdown-item><a href="#" @click.prevent="logOut"  class="dropdown-item">退出登陆</a></dropdown-item>

点击一次之后可以退出
图片描述

但是刷新之后又回到登录状态了，很奇怪，代码里写的token已经拿掉了啊
图片描述
恳请老师帮忙解答一下，谢谢

写回答

1回答

张轩

2020-11-20

已采纳

同学你好 localStorage 删除应该是 removeItem 方法，你写成了 remove，所以其实并没有删除浏览器缓存。https://developer.mozilla.org/zh-CN/docs/Web/API/Storage/removeItem

秋之树

非常感谢！

2020-11-26

共3条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3216 学习 · 2369 问题

查看课程

相似问题

退出登录需要手动刷新

回答 1

注册登录都全了，还差个退出登录

回答 1

老师，登录跳转不到首页，注册我不行，注册成功，也不会跳转到登录页

回答 1

退出登陆

回答 2

点击登录之后，即使验证通过，页面仍然跳转登录页面？？

回答 2

打开慕课网App查看更多内容