前后端配合使用token进行登录拦截

token的后台简单使用

引用文章

前端操作

当我拿到token之后，我不是跟上面文章一样，而是将token存到sessionStorage（关闭浏览器后清空）,利用这个特点，可以在app.vue中判断当前路由是否是登录界面，如果不是便验证sessionStorage中是否存在token，不存在返回登录界面，如果是登录界面则不做处理
app.vue的mounted中

  var _this=this
  if (this.$route.path!='/login') {
      console.log("token",window.sessionStorage.getItem('token'));
　     if (!window.sessionStorage.getItem('token')) {
            //查看是否登录
             _this.$message({
              duration:Number(1000),
              message: '未登录，请登录',
              type: 'warning',
              }); 
              console.log(window.sessionStorage.getItem('token'));
            //界面刷新，未登录设置界面跳转回主页
             setTimeout(function(){  //使用  setTimeout（）方法设定定时2000毫秒
              _this.$router.push('/login')
              },2000);
  }
  }