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;

    }

  }

})