当前位置： 首页 > news >正文

前端面试题-token的登录流程、JWT

news 2026/2/8 11:14:08

这是我的前端面试题的合集的第一篇，后面也会更新一些笔试题目。秋招很难，也快要结束了。但是，不要放弃，一起加油^_^

一、token的登录流程

1.客户端用账号密码请求登录

2.服务端收到请求，需要去验证账号密码

3.验证成功后，服务端发一个token，把这个token发送给客户端

4.客户端收到token后保存起来，可以存在cookie或者localstorage

5.客户端每次为服务器发送请求资源时，都需要携带这个token

6.服务端收到请求，接着去验证客户端的token，验证成功则返回客户端请求的数据

二、了解JWT吗？JWT的认证流程

JWT全称为JSON WEB Token

通过JSON形式作为web应用中的令牌，用于各方之间安全地把信息用JSON对象传输

可以作信息传输、授权

JWT的认证流程

1.前端把账号密码发送给后端接口

2.后端核对账号密码成功后，把用户id等其它信息作为JWT负载，把它和头部分别进行base64编码拼接后签名，形成一个token->JWT

3.前端每次请求时都会把JWT放在HTTP请求头的Authorization字段内

4.后端检查是否存在JWT，如果存在就验证JWT（签名是否正确，token是否过期）

5.验证通过后后端使用JWT中包含的用户信息进行其他操作，并返回对应结果

JWT的特点 

简洁，包含性，跨语言的（token用JSON加密形式保存，原则上是任何web形式都支持）

加油加油^_^

相关文章：

前端面试题-token的登录流程、JWT

这是我的前端面试题的合集的第一篇，后面也会更新一些笔试题目。秋招很难，也快要结束了。但是，不要放弃，一起加油^_^ 一、token的登录流程 1.客户端用账号密码请求登录 2.服务端收到请求，需要去验证账号密码 3.验证成…...

编程日记 2024/10/25 6:00:30

【软考高级架构】关于分布式数据库缓存redis的知识要点汇总

一.分布式数据库的含义 分布式数据库缓存指的是在高并发的环境下，为了减轻数据库的压力和提高系统响应时间，在数据库系统和应用系统之间增加一个独立缓存系统。 二.常见的缓存技术 （1）MemCache: Memcache是一个高性能的分布式的内…...

编程日记 2024/10/25 5:59:28

构建自然灾害预警决策一体化平台，筑牢工程安全数字防线

近年来，国家和部委也强调了要切实加强地质灾害监测预警。作为国内智慧应急领域的先行者，Mapmost持续探索利用数字孪生技术，推进自然灾害风险预警精细化，强化对监测数据的综合分析和异常信息研判处置。建立健全区域风险预警与隐患点…...

编程日记 2024/10/25 5:58:27

随机题两题

逆序对 题目 给定一个数组，求其中有多少逆序对，要求时间复杂度不超过nlogn。 思路 使用归并排序的分治思想，将数组递归地分为左右两部分。在合并两个有序子数组时，若左侧数组中的某个数大于右侧数组中的某个数，则可…...

编程日记 2024/10/25 5:57:26

信息安全工程师（69）数字水印技术与应用

前言 数字水印技术是一种在数字媒体中嵌入特定信息的技术，这些信息可以是版权信息、元数据等。 一、数字水印技术的定义与原理 数字水印技术（Digital Watermarking）是将一些标识信息（即数字水印）直接嵌入数字载体&…...

编程日记 2024/10/25 5:54:22

知识点框架笔记3.0笔记

如果基础太差，搞不清基本交规的（模考做不到60分），建议找肖肖或者小轩老师的课程看一遍，内容差不多（上面有链接），笔记是基于肖肖和小轩老师的科目一课程以及公安部交管局法规&#xf…...

编程日记 2024/10/25 5:53:20

Android组件化开发

Android组件化开发 组件化开发概念组件化开发的由来组件化开发有什么优势？组件化开发如何拿到入口参数？如何解决相同资源文件名合并的冲突？模式切换，如何使APP在单独调试跟整体调试自由切换？多个Module之间如何引用一些共同的library以及工具类？我们如何实现依赖关系及组…...

编程日记 2024/10/25 5:52:19

centos-LAMP搭建与配置（论坛网站）

文章目录 LAMP简介搭建LAMP环境安装apache（httpd）安装mysql安装PHP安装php-mysql安装phpwind LAMP简介 LAMP是指一组通常一起使用来运行动态网站或者服务器的自由软件名称首字母缩写：Linux操作系统，网页服务器Apache，…...

编程日记 2024/10/25 5:51:18

Python 实现日期计算与日历格式化输出

目录 一、引言 二、需求分析 三、实现思路 四、代码实现 五、代码分析 六、测试与验证 七、总结与展望 在日常的编程中，我们经常会遇到与日期相关的问题，比如计算两个日期之间的天数差、确定某个特定日期是星期几以及格式化输出日历等。本文将详细…...

编程日记 2024/10/25 5:50:18

npm install 安装很慢怎么办？

安装源管理器nrm sudo npm install -g nrm #macOSnpm install -g nrm #Windows以管理员身份运行 安装完毕之后通过以下命令可以切换你想要的源 nrm ls #查看源列表* npm ---------- https://registry.npmjs.org/yarn --------- https://registry.yarnpkg.com/tencent ------…...

编程日记 2024/10/25 5:47:14

【WRF数据处理】基于GIS4WRF插件将geotiff数据转为tiff（geogrid，WPS所需数据）

【WRF数据处理】基于GIS4WRF插件将geotiff数据转为tiff（geogrid，WPS所需数据） 数据准备：以叶面积指数LAI为例QGis实操：基于GIS4WRF插件将geotiff数据转为tiff警告：GIS4WRF: Input layer had an unexpected …...

编程日记 2024/10/25 5:46:13

python+大数据+基于Hadoop的个性化图书推荐系统【内含源码+文档+部署教程】

博主介绍：✌全网粉丝10W,前互联网大厂软件研发、集结硕博英豪成立工作室。专注于计算机相关专业毕业设计项目实战6年之久，选择我们就是选择放心、选择安心毕业✌ 🍅由于篇幅限制，想要获取完整文章或者源码，或者代做&am…...

编程日记 2024/10/25 5:45:12

修改huggingface的缓存目录以及镜像源

执行以下语句查看当前配置 huggingface-cli env默认输出应该如下 (py39-transformers) PS D:\py_project\transformers_demo> huggingface-cli envCopy-and-paste the text below in your GitHub issue.- huggingface_hub version: 0.26.1 - Platform: Windows-10-10.0.22…...

编程日记 2024/10/25 5:44:11

散列表：如何解决哈希表装载因子过高导致的性能下降问题？

散列表：如何解决哈希表装载因子过高导致的性能下降问题？ 当哈希表装载因子过高时，会导致性能下降，可以通过以下几种方法来解决： 一、扩容哈希表 （一）原理 当装载因子超过一定阈值时，增加哈希表的大小，然后将现有的元素重新哈希到新的哈希表中。这样可以降低装载因…...

编程日记 2024/10/25 5:43:09

Vue Router进阶学习

各位程序员1024节日快乐~ Vue Router 是 Vue.js 的官方路由管理器，它和 Vue.js 的核心深度集成，让构建单页面应用（SPA）变得简单。以下是 Vue Router 的基本用法 Vue Router 基本用法 安装 Vue Router 首先，你需要安…...

编程日记 2024/10/25 5:42:07

Linux巡检利器xsos的安装和使用

一、 一般项目基本完成的时候，后期运维工作的重点就是及时的，合理的频率巡检了，巡检的目的主要是及时发现各种各样的问题 那么，自己编写shell脚本是大部分人的第一选择，这里有个比较麻烦的地方，shell脚本…...

编程日记 2024/10/25 5:41:04

Django+Vue项目搭建

一、使用脚手架工具搭建项目 使用脚手架工具搭建Vue项目是一个快速且高效的方式，它能够帮助开发者自动配置好项目所需的环境和依赖。 一、安装Node.js和npm 1、下载Node.js： 前往Node.js官网下载并安装最新版本的Node.js。Node.js是一个基于Ch…...

编程日记 2024/10/25 5:40:03

【NLP自然语言处理】Attention机制原理揭秘：赋予神经网络‘聚焦’与‘理解’的神奇力量

目录 🍔 注意力机制原理 1.1 注意力机制示意图 1.2 Attention计算过程 1.3 Attention计算逻辑 1.4 有无Attention模型对比 1.4.1 无Attention机制的模型 1.4.2 有Attention机制的模型 🍔 Self-attention演变过程 2.1 Self-attention介绍 2.2 S…...

编程日记 2024/10/25 5:39:02

PHP依赖注入的原理

PHP中的依赖注入（Dependency Injection，简称DI）是一种设计模式，旨在解耦和管理对象之间的依赖关系，使得代码更加灵活、可测试和可维护。其原理及关键要点如下： 一、原理 依赖注入的原理是通过外部传递依赖…...

编程日记 2024/10/25 5:37:00

文本相似度方案

文章目录 SequenceMatcher余弦相似度基于逆向文档频率向量化 SequenceMatcher from difflib import SequenceMatcher s1 "1.2 章节标题【abc】" s2 "1.2 章节标题【abc】、【she】、【this】" SequenceMatcher(None, s1, s2).ratio() # 0.6666666666666…...

编程日记 2024/10/25 5:33:52

浅谈 React Hooks

React Hooks 是 React 16.8 引入的一组 API，用于在函数组件中使用 state 和其他 React 特性（例如生命周期方法、context 等）。Hooks 通过简洁的函数接口，解决了状态与 UI 的高度解耦，通过函数式编程范式实现更灵活 Rea…...

编程新知 2025/9/23 15:13:40

华为云AI开发平台ModelArts

华为云ModelArts：重塑AI开发流程的“智能引擎”与“创新加速器”！ 在人工智能浪潮席卷全球的2025年，企业拥抱AI的意愿空前高涨，但技术门槛高、流程复杂、资源投入巨大的现实，却让许多创新构想止步于实验室。数据科学家…...

编程新知 2026/2/8 4:37:19

业务系统对接大模型的基础方案：架构设计与关键步骤

业务系统对接大模型：架构设计与关键步骤 在当今数字化转型的浪潮中，大语言模型（LLM）已成为企业提升业务效率和创新能力的关键技术之一。将大模型集成到业务系统中，不仅可以优化用户体验，还能为业务决策提供…...

编程新知 2026/2/8 4:53:03

通过Wrangler CLI在worker中创建数据库和表

官方使用文档：Getting started Cloudflare D1 docs 创建数据库 在命令行中执行完成之后，会在本地和远程创建数据库： npx wranglerlatest d1 create prod-d1-tutorial 在cf中就可以看到数据库： 现在，您的Cloudfla…...

编程新知 2026/1/31 6:18:08

什么是库存周转？如何用进销存系统提高库存周转率？

你可能听说过这样一句话： “利润不是赚出来的，是管出来的。” 尤其是在制造业、批发零售、电商这类“货堆成山”的行业，很多企业看着销售不错，账上却没钱、利润也不见了，一翻库存才发现： 一堆卖不动的旧货…...

编程新知 2026/1/26 13:21:10

C++ 基础特性深度解析

目录 引言 一、命名空间（namespace） C 中的命名空间​ 与 C 语言的对比​ 二、缺省参数​ C 中的缺省参数​ 与 C 语言的对比​ 三、引用（reference）​ C 中的引用​ 与 C 语言的对比​ 四、inline（内联函数…...

编程新知 2026/1/15 4:25:16

汇编常见指令

汇编常见指令 一、数据传送指令 指令功能示例说明MOV数据传送MOV EAX, 10将立即数 10 送入 EAXMOV [EBX], EAX将 EAX 值存入 EBX 指向的内存LEA加载有效地址LEA EAX, [EBX4]将 EBX4 的地址存入 EAX（不访问内存）XCHG交换数据XCHG EAX, EBX交换 EAX 和 EB…...

编程新知 2026/1/23 2:04:44

在QWebEngineView上实现鼠标、触摸等事件捕获的解决方案

这个问题我看其他博主也写了，要么要会员、要么写的乱七八糟。这里我整理一下，把问题说清楚并且给出代码，拿去用就行，照着葫芦画瓢。 问题 在继承QWebEngineView后，重写mousePressEvent或event函数无法捕获鼠标按下事…...

编程新知 2025/6/11 3:07:32

动态 Web 开发技术入门篇

一、HTTP 协议核心 1.1 HTTP 基础 协议全称 ：HyperText Transfer Protocol（超文本传输协议） 默认端口 ：HTTP 使用 80 端口，HTTPS 使用 443 端口。 请求方法 ： GET ：用于获取资源，…...

编程新知 2025/10/3 0:42:17

在Mathematica中实现Newton-Raphson迭代的收敛时间算法（一般三次多项式）

考察一般的三次多项式，以r为参数： p[z_, r_] : z^3 (r - 1) z - r; roots[r_] : z /. Solve[p[z, r] 0, z]； 此多项式的根为： 尽管看起来这个多项式是特殊的，其实一般的三次多项式都是可以通过线性变换化为这个形式…...

编程新知 2026/1/30 3:24:00