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

801 ℃

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

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.js如何封装一个单文件组件?

织梦DedeCms取消后台登陆验证码的方法示例

织梦dedecms在模板页面中实现会员登录退出状态显

帝国CMS7.0后台登录新增绑定证书验证,更安全牢

帝国CMS提示登录超时解决办法

标签: vue封装, 登录

上面是“vue如何实现封装登录状态判断”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_3066.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
网站优化之及时处理死链接有什么好处?
大流量网站的SEO共同特征
js数组实现上一篇下一篇功能
内链布局小诀窍,让SEO优化效果翻倍
阿里云备案审查不允许挂谷歌广告