详细信息点击查看

  • 1.存储在cookie

不安全 效率不高

document.cookies设置

  • 2.使用localstore或sessionstore
  • local长久 seesion 浏览器关闭就没了

localStorage.setItem()
sessionStorage.setItem()

在store文件的state中初始化token,因为state中的数据不支持直接修改,所以我们需要定义方法setToken(设置token)
和 getToken(获取token),然后我们就可以在登录接口处引入this.$store.commit(‘setToken’,JSON.stringify(res.data.token)),将后台传来的token存入Vuex和localStorage中,为什么还要存入localStorage,Vuex中的状态一旦页面刷新就不再存在,为了保持当前状态,需要通过localStorage中提取状态再传值给Vuex

vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到

vuex劣势:在F5刷新页面后,vuex会重新更新state,所以,存储的数据会丢失。 vuex可以进行全局的状态管理

Logo

前往低代码交流专区

更多推荐