前端面试项目细节重难点分享(十三)

news2024/11/15 21:50:59

面试题提问:分享你最近做的这个项目,并讲讲该项目的重难点?


答:最近这个项目是一个二次迭代开发项目,迭代周期一年,在做这些任务需求时,确实有很多值得分享的印象深刻的点,我讲讲下面这点吧!


(1)是什么?


无感刷新登录:在用户登录状态即将过期时,系统自动刷新用户的登录状态,而无需用户手动重新登录。


(2)为什么?


用户体验好:用户无需因会话过期而重新登录。
减少登录操作:降低用户操作成本,提高应用的可用性。


减少用户流失:用户在操作过程中不会因为会话过期而被强制登出,减少了因登录问题导致的用户流失。


(3)怎么做?


双Token机制:包括访问令牌(Access Token)和刷新令牌(Refresh Token)。


访问令牌(Access Token):用于用户请求访问受保护资源时的认证。它通常具有较短的有效期。


刷新令牌(Refresh Token):用于在访问令牌过期时获取新的访问令牌,有效期较长。


(4)代码实现?


第1步:后端设置:确保后端支持生成和验证访问令牌(Access Token)和刷新令牌(Refresh Token)。通常,后端会在用户登录时返回这两种令牌。


第2步:前端存储令牌:在Vue应用中,可以使用localStorage或sessionStorage来存储这些令牌。

第3步:请求拦截器:使用axios的请求拦截器来自动添加访问令牌到每个HTTP请求中。

第4步:响应拦截器:使用axios的响应拦截器来处理访问令牌过期的情况。【这步是关键步骤噢!】

第5步:刷新令牌的API:后端需要提供一个API来接收刷新令牌并返回新的访问令牌。

第6步:登录逻辑:在用户登录时,获取并存储访问令牌和刷新令牌。

第7步:退出登录:退出登录时,清除存储的令牌。

3758d92a619b4f00b28afaa6d3be80f8.jpg

79b3547111e34ebfad05e9606f4ba305.jpg 

5562815e8df3482cb13eb303ae586065.jpg 

abf857588fa74763ab3fd30c462043f0.jpg 

8c80e1bbd3ed4a9cbd76f61da1b432c0.jpg 

 更多详情:爱米的前端小笔记(csdn~xitujuejin~zhiHu~Baidu~小红shu)同步更新,等你来看!都是利用下班时间整理的,整理不易,大家多多👍💛➕🤔哦!你们的支持才是我不断更新的动力!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1950593.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【C语言】队列的实现(数据结构)

前言: 相信大家在生活中经常排队买东西,今天学习的队列就跟排队买东西一样,先来买的人就买完先走,也就是先进先出。废话不多说,进入咱们今天的学习吧。 目录 前言: 队列的概念 队列的实现 队列的定义 …

【8月EI会议推荐】第四届区块链技术与信息安全国际会议

一、会议信息 大会官网:http://www.bctis.nhttp://www.icbdsme.org/ 官方邮箱:icbctis126.com 组委会联系人:杨老师 19911536763 支持单位:中原工学院、西安工程大学、齐鲁工业大学(山东省科学院)、澳门…

git 学习总结

文章目录 一、 git 基础操作1、工作区2、暂存区3、本地仓库4、远程仓库 二、git 的本质三、分支git 命令总结 作者: baron 一、 git 基础操作 如图所示 git 总共有几个区域 工作区, 暂存区, 本地仓库, 远程仓库. 1、工作区 存放项目代码的地方,他有两种状态 Unm…

RK3588+MIPI+GMSL+AI摄像机:自动车载4/8通道GMSL采集/边缘计算盒解决方案

RK3588作为目前市面能买到的最强国产SOC,有强大的硬件配置。在智能汽车飞速发展,对图像数据矿场要求越来越多的环境下,如何高效采集数据,或者运行AI应用,成为刚需。 推出的4/8通道GMSL采集/边缘计算盒产品满足这些需求…

MinIO存储桶通知 - Kafka小测

概述 公司的某个项目需要用上这玩意,所以在本地搭建测试环境,经过一番折腾,测试通过,博文记录,用以备忘 MinIO安装 该节不做说明,网络有很多现成的帖子,自行搜索去 配置步骤 控制台添加事件…

瑞芯微芯片资料中关于图像处理相关的知识点

目录 MPI层模块介绍IPC的应用像素格式排布系统绑定API接口 MPI层 文件:Rockchip_Developer_Guide_MPI.pdf RK MPI:Rockchip Media Process Interface,媒体处理接口。 模块介绍 RK MPI层的模块介绍: IPC的应用 VI 模块捕获视频…

工业三防平板电脑助力工厂产线管理的智能化转型

在当今高度数字化和智能化的工业时代,工厂产线管理正经历着前所未有的变革。其中,工业三防平板电脑作为一种创新的技术工具,正发挥着日益重要的作用,有力地推动着工厂产线管理向智能化转型。 一、工业三防平板电脑具有出色的防水、…

微信小程序-本地部署(前端)

遇到问题:因为是游客模式所以不能修改appID. 参考链接:微信开发者工具如何从游客模式切换为开发者模式?_微信开发者工具如何修改游客模式-CSDN博客 其余参考:Ego微商项目部署(小程序项目)(全网…

大语言模型是什么,该如何去学习呢

什么是 LLM**?** LLM(大型语言模型, Large Lanage Modle)是一种计算机程序,它可以理解和生成类似人类的文本;它能够像我们人类一样阅读、写作和理解语言。你可以把它想象成一个超级聪明的博学的不知疲惫的24小时全年无休的助手。…

使用代理IP进行本地SEO优化:如何吸引附近的客户?

在今天竞争激烈的互联网时代,如何利用代理IP进行本地SEO优化并吸引附近的客户已经成为许多企业和网站面临的关键挑战。本文将探讨使用代理IP的策略和技巧,以帮助公司提高在本地市场的可见性和吸引力,从而扩大本地客户群体。 1. 代理IP在本地…

小型内衣裤洗衣机哪个牌子好?五款万分翘楚机型任你挑选!

在日常生活中,内衣洗衣机已成为现代家庭必备的重要家电之一。选择一款耐用、质量优秀的内衣洗衣机,不仅可以减少洗衣负担,还能提供高效的洗涤效果。然而,市场上众多内衣洗衣机品牌琳琅满目,让我们往往难以选择。那么&a…

vdb:虚拟数据库

将文件虚拟成数据库,序列化写入、反序列化读取、直接读取。

AI 大模型催生的新职业,提示词工程师是什么?

全方位解析“提示词工程师”。 ‍ AI大模型技术正以前所未有的速度重塑我们的未来。 它们不仅仅是冷冰冰的算法集合,更是拥有无限创造力的智能体。而在这个智能体的背后,有一群关键的角色——提示词工程师(Prompt Engineer)。 …

网易《永劫无间》手游上线,掀起游戏界狂潮

原标题:网易《永劫无间》手游上线,网友:发烧严重 易采游戏网7月26日消息:自网易宣布《永劫无间》手游即将上线以来,广大游戏玩家的期待值就不断攀升。作为一款拥有丰富内容和极高自由度的游戏,《永劫无间》…

奔赴端到端时代:智驾如果还走原来的路,就到不了ChatGPT时刻

采访 | 德新 编辑 | Dude 在智能汽车的赛道里,特斯拉是独树一帜的旗手,几乎引领了大部分技术变革的风潮。最近一次,是特斯拉掀起的「端到端」热潮。抛弃规则,拥抱数据,在这一年内迅速成为业界共识。 只是在技术落地的…

2024杭电多校3——1001深度自同构

一开始和队友想出来的式子, p i p_i pi​是 i i i的因子数组 a n s [ i ] ∑ i 1 k a n s [ ( i − p i ) / p i ] ans[i] \sum_{i1}^{k} ans[(i-p_i)/p_i] ans[i]∑i1k​ans[(i−pi​)/pi​] 一个 O ( n n ) O(n\sqrt n) O(nn ​)的dp显然是过不了的 然后想到了对每个数枚…

当你还在方兴未艾之时!智慧城市可视化大屏已经风起云涌了

当你还在方兴未艾之时!智慧城市可视化大屏已经风起云涌了 艾斯视觉的观点认为:科技的浪潮一波接着一波,不断刷新着我们的认知。当你还在为刚刚兴起的智能设备惊叹不已时,智慧城市的可视化大屏已经如同一股不可阻挡的狂风&#xf…

yarn安装electron时报错RequestError:socket hang up

安装electron时候,出现RequestError:socket hang up这样的错误,找了半天很多方式都是用旧淘宝源,导致根本安装不上去。 在项目的根目录下创建.npmrc文件,添加以下内容 # registryhttps://mirrors.huaweicloud.com/repository/np…

狗都能看懂的Actor-Critic强化学习算法讲解

Review Policy Gradient 上面的公式是Policy Gradient的更新函数,这个式子是指在 s t s_t st​时刻采取了 a t a_t at​,计算出对应发生的概率 p θ p_\theta pθ​,然后计算在采取了这个 a t a_t at​之后,所得到的reward有多大。…

【运维笔记】数据库无法启动,数据库炸后备份恢复数据

事情起因 在做docker作业的时候,把卷映射到了宿主机原来的mysql数据库目录上,宿主机原来的mysql版本为8.0,docker容器版本为5.6,导致翻车。 具体操作 备份目录 将/var/lib/mysql备份到~/mysql_backup:cp /var/lib/…