vue路由拦截记录登录状态

先说下逻辑。

首先在vuex里面 state存下token值

export default{

  Authorization: localStorage.getItem('Authorization') ? localStorage.getItem('Authorization') : ''
}

然后在mutation.js写

changeLogin (state, user) {
    state.Authorization = user.Authorization;
    //alert(user.Authorization)
    localStorage.setItem('Authorization', user.Authorization);
  },

第一步，肯定是要点击登录按钮，这时后台会在成功后给你返回信息，其中就有token值，然后直接存进localStorage

axios.post(BASE_URL+'/api/user/mobilelogin',qs.stringify(f),config).then(res => {
            if(res.data.code==0){
              this.isTishi=true
              this.tishi='验证码不正确'
            }else{
              _this.userToken =  res.data.data.userinfo.token;