前端小白笔记(一)---token储存

884 阅读1分钟

登录token

调用登录接口,回调成功后储存拿到的token,(vuex,localstorage)

state: {
	// 定义一个token
    token:localStorage.getItem('token') ? localStorage.getItem('token') : '',
  },
  mutations: {
  	// 修改token值,登录后可以调用这个方法进行token储存
    changeLogin (state, user) {
      state.token = user.token;
      localStorage.setItem('token', user.token);
    },
    // 退出登录时调用此方法,删除储存的token
    clearLogin(state){
      state.token = "";
      localStorage.removeItem('token')
    }
  },
  getters:{
    login: state => {
      // 计算登录状态,返回一个boolean值,来判定用户是否登录
      return state.token !== ''
    },
  },