首页 > 其他分享 >前端token获取存储

前端token获取存储

时间:2023-10-23 12:07:11浏览次数:34  
标签:case 存储 return 前端 object value token export

// 存储的token的KEY
export const TOKEN_KEY = 'token-user';
// 获取token 接口url
export const TOKEN_URL = '';
// 跳转登录地址
export const LOGIN_URL = '';

// 获取 token
export function getToken() {
  const token = localStorage.getItem(TOKEN_KEY);
  return token;
}

// 设置token
export function setToken(value) {
  if (value) {
    localStorage.setItem(TOKEN_KEY, value);
  }
}

// 清除token
export function clearToken() {
  localStorage.removeItem(TOKEN_KEY);
}

// 跳转到登录
export function toLogin() {
  window.location.href = LOGIN_URL;
}

// 空值: [undefined, null, NaN, [], {}], 注意非空:0, false;
export function isEmpty(value) {
  switch (Object.prototype.toString.call(value)) {
    case '[object Undefined]':
      // eslint-disable-next-line no-void
      return value === void 0;
    case '[object Null]':
      return value === null;
    case '[object Number]':
      return isNaN(value);
    case '[object String]':
      return value === '';
    case '[object Boolean]':
      return false;
    case '[object Object]':
      return Object.keys(value).length === 0;
    case '[object Array]':
      return value.length === 0;
    default:
      return false;
  }
}


// 拦截是否登录
const token = getToken();
if (isEmpty(token)) {
  toLogin();
}

 

标签:case,存储,return,前端,object,value,token,export
From: https://blog.51cto.com/u_15311558/7985365

相关文章

  • 值得收藏的前端开发必备工具类函数
     /***空值:[undefined,null,NaN,[],{}],注意非空:0,false;*@param{*}value*@returnsBoolean*/functionisEmpty(value){switch(Object.prototype.toString.call(value)){case'[objectUndefined]':returnvalue===void......
  • 一台云服务器一个域名下,如何运行多个JAVA后端项目和多个VUE前端项目
    拿若依前后端分离版项目举例:修改前端代码ruoyi-ui/vue.config.js//二级目录名称ruoyi-uipublicPath:'/ruoyi-ui/',ruoyi-ui/src/router/index.jsexportdefaultnewRouter({mode:'history',//去掉url中的#base:'/ruoyi-ui/',//二级目录路径scrollBehavior:......
  • 前端歌谣的刷题之路-第五十七题-添加元素
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 前端歌谣的刷题之路-第五十八题-删除数组的最后一个元素
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 前端接口请求HTTP设置自定义header属性字段大小写问题
    问题:接口请求头传token值的字段为tokenValue,需要用到token的接口一直不能成功请求。后端排查发现没有接收到token,前端虽然传了token值,但是发现浏览器把tokenValue变成了Tokenvalue,导致后端没正确接收到token值。原因是:HTTPRFC里规定,大小写不敏感。HTTP/1.x大小写不敏感,但现实是......
  • 被突然出现的前端比赛打了个猝不及防
    今天晚上突然得知我要去参加一个网页制作比赛,可恶,我连后端的Django都还没怎么整明白,有要开始学前端的内容了=-=只能硬着头皮上了,还好有学长发的ppt,先可以大概规划一下学习路线和时间吧(零基础的我感觉瑟瑟发抖)额,刚刚退出去看了看PPT,感觉有好多东西,麻了。大概就是三部分吧html......
  • BUG:net::ERR_CONNECTION_REFUSED(前端Vue2、后端FastAPI)
    BUG场景一个前后端分离的项目,前端使用Vue2框架,后端使用FastAPI,前端想要传输图片给后端,使用的相关接口为:'http://10.96.67.161:8081/uploadImg/'后端FastAPI运行的代码为:if__name__=='__main__':uvicorn.run(app="main:app",host="localhost",port=8081,reload=Tr......
  • MySQL存储引擎
    showengines;查看支持的存储引擎。mysql表的存储引擎:InnoDBmyISAMMemoryMRG_MYISAMarchivefederated,CSV,BLACKHOLE1、InnoDB支持事务和外键:InnoDB具有事务,支持4个事务隔离级别,回滚,崩溃修复能力和多版本并发的事务安全,包括ACID。如果应用中需要执行大量的INSER......
  • 前端find函数
    在前端开发中,"find"函数通常被用来在数组中查找满足特定条件的元素。这个函数是Array对象的原生方法之一,通过调用数组对象的"find"方法可以进行查找。该方法接受一个回调函数作为参数,该回调函数会为数组的每个元素调用一次。当回调函数返回一个真值时,"find"方法将返回第一个满足条......
  • 前端框架 Astro
    Astro是一款集多功能于一体的Web框架,主要用于构建快速、以内容为中心的网站。它不仅支持使用React框架,而且支持Vue、Solid等在内的各种前端框架,灵活性更高。根据其在GitHub上的评级,Astro已经获得了35k+的star,可以算得上是一个热门的框架。一个特别值得一提的是,Astro......