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如何实现封装登录状态判断
基础教程推荐
猜你喜欢
- 同一个页面用多个id有什么影响 2022-11-06
- 基于CSS实现元素融合效果 2024-03-09
- 如何在vue2.0中配置跨域代理方法 2025-01-11
- 详解WordPress开发中get_current_screen()函数的使用 2023-12-15
- ie8 body overflow hidden 无效的解决方法 2024-01-17
- php – 如何将结果从sql列表到html表 2023-10-25
- vue项目vw(视口宽度)和vh(视口高度)的运用 2025-01-13
- vue项目调用通用组件_vue封装公共组件(通用组件)需要考虑到什么 2023-10-08
- 全面总结使用CSS实现水平垂直居中效果的方法 2023-12-08
- 微信小程序实现传递多个参数与事件处理 2023-12-14
