Vue mixin 检测登录之后未操作时间，超出阈值就退出。

gistfile1.txt

<script>
// 需要在App.vue上面绑定一个点击事件用来刷新时间
import { logout } from "@/api/index";
export default {
  data() {
    return {
      nowtime: null,
      timeend: null,
      interval: null
    };
  },
  mounted() {
    this.nowtime = Date.parse(new Date());
    this.timeend = Date.parse(new Date());
    console.log(`${this.nowtime}---${this.timeend}`);
    this.interval = setInterval(() => {
      this.checkLoginTime();
    }, 10000);
  },
  beforeDestroy() {
    this.interval = null;
  },
  methods: {
    checkLoginTime() {
      this.timeend = Date.parse(new Date());
      console.log(`${this.timeend} is now check time`);
      if (this.timeend - this.nowtime > 1800000) {
        this.logout();
      }
    },
    clickToReset() {
      this.nowtime = Date.parse(new Date());
      console.log(`reset nowtime to ${this.nowtime}`);
    },
    logout() {
      logout().then(res => {
        if (res.data) {
          this.$router.push("/login");
        } else {
          console.error("退出失败请重试");
        }
      });
    }
  }
};
</script>