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如何实现封装登录状态判断
猜你喜欢
- 初识HTML5(一) 2023-10-27
- 利用JavaScript实现静态图片局部流动效果 2024-01-03
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- MacBook电脑常用快捷键汇总(新手必备) 2024-12-13
- jquery photoFrame 图片边框美化显示插件 2024-01-04
- 浅谈css元素居中 2024-03-11
- 基于jQuery UI CSS Framework开发Widget的经验 2024-02-05
- 使用vue2.6实现抖音【时间轮盘】屏保效果附源码 2024-01-16
- bootstrap Table的使用方法总结 2024-01-17
- CSS控制让每行显示4个图片的样式 2024-02-05
