基于Http Token认证前后端交互流程

最新推荐文章于 2023-10-08 15:16:51 发布
最新推荐文章于 2023-10-08 15:16:51 发布
阅读量585 收藏
点赞数
原文链接：https://blog.csdn.net/m0_37859660/article/details/82716162?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase
版权

基本流程：
1、前端登录请求时，带上用户名/密码（一般会进行加密）
2、后端校验用户名/密码。如果校验失败，返回错误码，前端显示相应提示，并停留在登录页面。如果校验成功，后端生成Token，返回成功消息给前端（并带上Token字段）
3、前端收到成功消息，保存Token，跳转到登录成功之后的页面
4、前端后续的API请求都带上Token，后端校验Token合法才响应请求，否则返回请求非法相关错误码

 

https://blog.csdn.net/m0_37859660/article/details/82716162?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase

weixin_16881788
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【前后端交互】token进行登录状态验证（express+axios）
qq_34838046的博客
10-13 767
文章目录基本逻辑jsonwebtoken基本使用文档生成token验证代码实现逻辑前端设置响应拦截后端设置token生成、校验拦截请求 基本逻辑 //登录请求 验证用户 失败 返回错误码 成功 生成token，并返回 //其他请求 从请求获取token（header，或者body） 没有token 返回未登录错误值 有token 通过函数验证 token不合法或者过期 返回错误码 token符合要求 进行其他操作 jsonwebtoken基本使用 文
token验证的前后端流程与操作
weixin_45104097的博客
06-30 2012
token验证的前后端流程 1.什么是token？ 一般我们所说的的token大多是指用于身份验证的token，在计算机身份认证中是令牌（临时）的意思。 2.生成token 生成Token的解决方案有许多，常用的一种就是 Json Web Tokens JWT标准的Tokens由三部分组成 header：包含token的类型和加密算法 payload：包含token的内容 signature：通...
前端和后台交互之token
热门推荐
Fling_Pig的博客
03-04 1万+
说白了，token是用于记录app端登录状态，和session的作用有相同的部分。token通过http请求发送给服务端，服务端判断token是否有效来确定用户的登录状态是否有效。 我是做前端的，看帖子上说有些情况下使用token要比session好，不是很明白。开到的大神，请指教下。。。。
HTTP Basic, Session, Token 三种认证方法简介
haiiiiiyun的博客
03-14 1303
1. 概述 本文简介 HTTP Basic，Session，Token 三种认证方法。 Basic 认证：户籍部门已给你签发了一张身份证。你每次去办事，都要带上身份证证，后台要拿你的身份证去系统上查一下。 Session 认证：户籍部门已给你签发了一张身份证，但只告诉你身份证号码。你每次去办事，只要报出你的身份证号码，后台要查一个即否有效。 Token 认证：户籍部门已给你签发了一张有防伪功能的...
HTTP认证的几种方式
精通时间管理
06-08 730
Bearer Token（翻译：不记名令牌） 不记名令牌是 OAuth 2.0 中使用的主要访问令牌类型。 Bearer Token 是一个不透明的字符串，对使用它的客户端没有任何意义。 一些服务器会发出由十六进制字符组成的短字符串的令牌，而其他服务器可能会使用结构化的令牌，例如JSON Web Tokens 使用方式 Authorization: Bearer token 使用场景 对于自己的服务签发的 jwtToken 鉴权服务发放的用于获取用户信息的 access_token,refresh_
thinkphp+jwt实现前后端分离
03-15
在本项目中，前后端交互流程可能是这样的： 1. **用户登录**：前端提交用户名和密码到后端，Thinkphp6验证后，生成一个包含用户信息的JWT并返回。 2. **保存JWT**：前端收到JWT后，将其存储在本地，通常使用Cookie...
vue路由导航守卫和请求拦截以及基于node的token认证的方法
10-17
本文主要探讨了在Vue.js框架下如何实现路由导航守卫、请求拦截以及基于Node.js的Token认证机制，这些技术可以帮助我们构建更加安全、高效的用户交互流程。 1. **路由导航守卫**： 路由导航守卫是Vue Router提供的...
Spring Boot+Vue前后端分离项目练习02之网盘项目利用token进行登陆验证
03-02
在本项目"Spring Boot+Vue前后端分离项目练习02之网盘项目...通过这个项目，开发者不仅可以掌握Spring Boot和Vue.js的结合使用，还能深入理解前后端分离模式下的用户认证流程，这将对实际工作中的Web应用开发大有裨益。
SpringBoot2.2.6 整合Jwt实现前后端分离
04-23
通过以上步骤，我们可以构建一个基于SpringBoot 2.2.6、MyBatis 3.5.4和JWT的前后端分离应用。这不仅可以实现安全的身份验证和授权，还能保证前后端的高效协作，提升开发效率。在实际项目中，还需要考虑其他因素，如...
基于SpringBoot前后端分离的点餐系统.zip
最新发布
12-26
【标题】"基于SpringBoot前后端分离的点餐系统"是一个现代Web应用程序的实例，它利用了SpringBoot框架的优势来构建高效、可扩展的后台服务，同时实现了前端与后端的解耦，以提高开发效率和用户体验。在这个系统中，...
Android HTTPS验证和添加http头信息token认证
幻想的旋律
03-13 5851
实现https信任所有证书的方法 SchemeRegistry schemeRegistry = new SchemeRegistry(); schemeRegistry.register(new Scheme("http", PlainSocketFactory .getSocketFactory(), 80)); SSLSocketFactory sf = SSLSoc
token验证_基于Token的身份验证
weixin_39888180的博客
12-10 830
一 基于Token的身份验证JWT初次了解JWT，很基础，高手勿喷。基于Token的身份验证用来替代传统的cookie+session身份验证方法中的session。JWT就是一个字符串，经过加密处理与校验处理的字符串，形式为："A.B.C"，A由JWT头部信息header加密得到B由JWT用到的身份验证信息json数据加密得到C由A和B加密得到，是校验部分二 怎样生成A例如Header格式为：{...
token 生成有哪几种常用方式_面试必问:session，cookie和token的区别
weixin_42511024的博客
02-02 2132
点击上方蓝字关注我们 !session，cookie和token究竟是什么简述cookie，session，token作为面试必问题，很多同学能答个大概，但是又迷糊不清，希望本篇文章对大家有所帮助http是一个无状态协议什么是无状态呢？就是说这一次请求和上一次请求是没有任何关系的，互不认识的，没有关联的。这种无状态的的好处是快速。cookie和session由于http的无状态性，为了使...
生成token
munangs的博客
03-19 4081
可以让网页在一段时间后记住密码和账号 参考https://blog.csdn.net/jarvan5/article/details/113789133 package com.shop.utils; import com.auth0.jwt.JWT; import com.auth0.jwt.algorithms.Algorithm; import java.util.Calendar; import java.util.HashMap; import java.util.Map; public
接口测试丨http与https get、post session、cookie、token
weixin_47648853的博客
10-08 1272
HTTP 的 method 字段不同POST 可以附加 body，可以支持 form、json、xml、binary 等各种数据格式行业通用的规范无状态变化的建议使用 GET 请求数据的写入与状态修改建议用 POST传送数据量不同安全性不同Broker：消息服务器，提供消息核心服务Producer：消息生产者，业务的发起方，负责生产消息传输给 broker。Consumer：消息消费者，业务的处理方，负责从 broker 获取消息并进行业务逻辑处理。读写性能优异。
http请求响应报文及session&cookie&token详解
NZXHJ的博客
07-30 4620
http请求响应报文及session&cookie详解
前后端交互实现的token登录请求
Mjjie_的博客
03-20 2103
1.服务端收到请求，去验证用户名与密码2.验证成功后，服务端会签发一个 Token，再把这个 Token 发送给客户端3.客户端收到 Token 以后可以把它存储起来，比如放在 Cookie 里或者 Local Storage 里4.客户端每次向服务端请求资源的时候需要带着服务端签发的 Token5.服务端收到请求，然后去验证客户端请求里面带着的 Token，如果验证成功，就向客户端返回请求的数据。
数据交互系列：简述token和如何使用token
Code_King006的博客
07-31 2536
欢饮各位大神和同行指点❤
axios实现前后端交互的流程
07-20
Axios是一个基于Promise的HTTP库，可以在浏览器和Node.js中使用，用于发送异步请求。下面是Axios实现前后端交互的基本流程： 1. 在前端通过Axios发送HTTP请求，包括URL、请求方法、请求头、请求参数等，例如： ``` axios({ method: 'post', url: '/api/login', data: { username: 'admin', password: '123456' } }).then(response => { console.log(response.data); }).catch(error => { console.log(error); }); ``` 2. 后端接收到请求，解析请求参数，处理业务逻辑，返回数据，例如： ``` @RequestMapping("/login") @ResponseBody public Map<String, Object> login(@RequestBody LoginRequest request) { Map<String, Object> result = new HashMap<>(); String username = request.getUsername(); String password = request.getPassword(); // 处理登录逻辑 result.put("code", 0); result.put("msg", "登录成功"); result.put("data", token); return result; } ``` 3. 前端接收到后端返回的数据，可以通过Promise的then()方法获取数据，并进行相应的操作，例如： ``` axios({ method: 'post', url: '/api/login', data: { username: 'admin', password: '123456' } }).then(response => { console.log(response.data); // 处理登录成功的情况 }).catch(error => { console.log(error); // 处理登录失败的情况 }); ``` 总的来说，Axios实现前后端交互的流程就是前端通过Axios发送HTTP请求，后端接收HTTP请求，处理业务逻辑，返回数据，前端接收数据，进行相应的操作。在这个过程中，需要注意请求参数的格式、请求方法、请求头、请求地址等细节问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值