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如何实现封装登录状态判断
基础教程推荐
猜你喜欢
- 利用css3做一个loading快速点圈滚动加载效果(附代码) 2024-12-14
- 推荐一个好看Table表格的css样式代码详解 2022-11-23
- JS轮播图的实现方法 2024-02-08
- 浅谈css元素居中 2024-03-11
- php+ajax制作无刷新留言板 2024-03-10
- window.location.href的用法(动态输出跳转) 2024-01-08
- ionic实现滑动的三种方式 2024-02-06
- JavaScript新窗口与子窗口传值详解 2023-12-01
- 活到老学到老学习AJAX跨域(三) 2022-12-18
- CSS网页布局入门教程4:二列固定宽度 2024-01-24
