vue如何实现封装登录状态判断

vue项目开发中如何做一个登录状态封装,下面编程教程网小编给大家详细介绍一下实现代码!

1、利用setToken设置token

export function setToken(token) {
  return localStorage.setItem("token", token);
}

2、利用getToken获取token

export function getToken() {
  return localStorage.getItem("token");
}

3、利用getToken判断isLogin

export function isLogin() {
  if (getToken()) {
    return true;
  }
  return false;
}

4、使用方法

import { isLogin } from "@/request/auth";

mounted() {
  // 登录判断,项目成功运行后启动
  isLogin()
    ? console.log("isLogin")
    : (console.log("Need to login"),
      this.$message.error('未登录'),
      this.$router.push("/login")
    );
},
以上是编程学习网小编为您介绍的“vue如何实现封装登录状态判断”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue如何实现封装登录状态判断

基础教程推荐