Vue2/3 登录后，用户无操作半小时后自动清除登录信息退出登录下线

1、打开App.vue 页面，然后新增监听全局点击事件的方法

data() {
    return {
      lastTime: null,
      timeOut: 10 * 100 * 60,
    }
  },
metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
  },
  created() {
    this.lastTime = new Date().getTime()
  },
methods: {
    //全局监听得点击事件
    isTimeOut() {
      var currentTime = new Date().getTime();
      
      // 判断上次最后一次点击的时间和这次点击的时间间隔
       if (currentTime - this.lastTime > this.timeOut) {
        //这个是判断 当前用户是否登录，根据自己的情况写
        // if (null != sessionStorage.getItem('token')) {

        this.$alert('身份验证已过期，请重新登录', '提示', {
          confirmButtonText: '确定',
          callback: action => {
           //这里写路由（跳转到登录页）
           this.$router.replace('/login')
          }
        });
        // }
      } else {
        // 如果在期限内点击，则把这次点击的时间覆盖掉之前存的最后一次点击的时间
        this.lastTime = new Date().getTime()
      }
    }
  }