vue如何保存用户名？

Question

一个后台管理系统，用户登录后页面右上角显示“欢迎您，admin”

admin为登录的账号

在登录成功时，我会保存token在cookie里，部分代码如下

setCookie('token',this.token,3600*12); //一天

this.$router.push('/home') //登录成功跳到首页

但是用户名我该保存在哪里呢？如果存在vuex里刷新了就没了

还有cookie可以同时存用户名和token吗？

一般大家这种情况是怎么解决的？

Answer 1

刷新就重新获取

Answer 2

const store = new Vuex.Store({  // 定义状态  state: {    username: JSON.parse(sessionStorage.getItem('username')) || ""  },  mutations: {    userName(state, msg){      sessionStorage.setItem('username', JSON.stringify(msg))      state.username= msg;    }  }})