axios发送请求并且header中携带token时报错

最新推荐文章于 2024-07-27 13:31:57 发布
最新推荐文章于 2024-07-27 13:31:57 发布
阅读量2.2k 收藏 6
点赞数 6
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43431123/article/details/113926208
版权
axios发送请求并且header中携带token时报错

场景：后台使用拦截器拦截请求判断是否携带token，前台使用axios发送请求，header中携带token，但是前台报错，后台debug查看，请求的header中一直不存在token，请求过不去。

原因：axios跨域请求时，一次请求会发送两个路径，一个OPTIONS请求，一个就是我们正常发送的请求，第一个options请求不携带任何自定义的参数及header参数，这个请求就是校验是否安全的，如果安全（response的返回code为200时），第二个我们自己的请求才会发送，因为options不携带任何的参数及header，所以拦截器哪里一直获取不到token。
解决办法：拦截器中判断请求是否是options请求，如果是，则返回code码200，并且return即可。

 @Override
public boolean preHandle(HttpServletRequest request,
最低0.47元/天 解锁文章
无梦～
关注
  • 6
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Vue.js学习笔记--进阶之路
JackieDYH的博客
06-01 1135
框架，framework，是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现。vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架，作者是：尤雨溪vue有两大核心数据驱动页面组件化methods，用来存放用户自定义函数vue支持我们自定义一些指令来完成一定的操作。
axios在headers添加token，后端无法获得token且前端报错
MonkeyRideDonkey的博客
07-30 801
前端检测到跨域时，需要先请求一次请求方法是OPTIONS的请求，且不携带token。这时后端的Filter过滤器检测到不是login且不携带token就会拦截。在Filter中将OPTIONS放行。
前端二次封装的axios请求拦截器里给请求头设置token，但是发请求报错，解决方法
abd041415的博客
11-24 837
这种情况下如果前端发请求报错，那么需要检查后端是否允许前端发请求时请求头可以带token参数，后端通过中间件设置允许接受token参数。后端设置允许接受token之后，前端每次发请求，请求头就会携带token参数了。
axios请求/响应拦截器配置自动携带token和自动提示错误
shinjie1210的博客
09-04 1046
目录 通过请求拦截器设置自带token 基础信息 实现过程 响应拦截器配置提示错误 实现方法 简述一下，方便记忆： 通过请求拦截器设置自带token 意义：避免每次请求都去获取token，烦 角色token来判定用户登录状态、当前用户角色很很简单，就不赘述了，这里讲一下发送请求自带token的方式， 基础信息 基于vue和第三方框架开发的后台系统，角色权限不同的情况下增删改功能向后台发送请求都需要携带当前用户token，token值在登录时获取，退出时清除，这个很基础也不赘述了，此..
vue常用
weixin_56840471的博客
09-05 560
常用记录
记一次option请求与jwt过滤器冲突引起的跨域问题(CORS Missing Allow Origin)
user8csdn的博客
11-26 2104
JWT CORS Missing Allow Origin
【笔记-node】《imooc-nodejs入门到企业web开发中的应用》
aSuncat
03-18 1566
第01章 课程内容介绍 01-01 导学 一、课程安排 1、nodejs核心api 2、静态资源服务器 3、项目代码构建 4、单元测试&ui测试 5、headless爬虫 6、回顾总结 第02章 nodejs是什么，为什么偏爱Nodejs 02-01 nodejs是什么 一、nodejs 1、非阻塞I/O input output，计算机输入输出，键盘，显示机，打印机，都是I/O设备，读写...
JWT
qq_43233643的博客
03-10 130
绿帽侠简书 https://www.jianshu.com/p/fc2af04d69f4 阮一峰 http://www.ruanyifeng.com/blog/2018/07/json_web_token-tutorial.html 工作流程 用户登录验证通过后，后台签发一个 jwt。并返回给前端。 后续，用户与服务器的通信，都需要加上这个 jwt 数据（一般写在请求头中），...
前后端分离-跨域
qq_39041134的博客
10-28 341
对于前后端分离的项目来说，如果前端项目与后端项目部署在两个不同的域下，那么势必会引起跨域问题的出现。什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。简单来说就是不同域名之间相互访问同源策略:请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同.例如： http://www.a.com 要访问 http://w...
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
10-17
本篇文章将详细解释如何在Vue项目中配置axios，使其在发送Ajax请求时自动携带cookie。 首先，axios在默认情况下不会自动将浏览器的cookie添加到请求头中。这是因为跨域请求（CORS）的安全策略限制，防止恶意网站...
使用axios请求时,发送formData请求的示例
10-16
本篇文章将详细讲解如何使用`axios`来发送`FormData`请求。 `FormData`是一种特殊的JavaScript对象，它允许我们构建键值对，以模拟HTML表单提交的数据格式。这对于上传文件或发送包含多个部分的数据尤其有用。下面...
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
10-14
在Vue应用程序中，实现登录验证成功后...通过以上步骤，我们就实现了Vue中登录验证成功后的token保存、每次请求携带token以及token验证的功能。这确保了用户的会话安全，同时也为后端提供了验证用户身份的必要信息。
axios封装，携带token
02-03
axios封装，携带token
golang 接口
m0_70982551的博客
07-24 960
接口定义了一组方法，这些方法没有具体的实现。接口类型的变量可以存储任何实现了这些方法的类型的值。// 更多方法...在Go语言中，接口值是指存储了实现某个接口的具体类型值的变量。接口值由两部分组成：1.动态类型：这是接口值当前存储的实际类型。2.动态值：这是实际存储的值，该值必须实现了接口中定义的所有方法。
Swagger使用Map接受参数时，页面如何显示具体参数及说
a1058926697的博客
07-26 517
后端使用Map接受参数，要求在swagger页面上显示具体的参数名称、类型及说明。当Map接受参数数量少时，可以使用Swagger自带的注解。自定义注解 @ApiGlobalModel。编写处理注解对应的插件。
springboot之自动装配
weixin_50153914的博客
07-23 655
Spring Boot 通过一系列注解和条件配置实现了自动装配机制，使得开发者无需手动配置大量的 XML 文件或 Java 配置类。自动配置机制利用文件中的自动配置类，并结合条件注解和组件扫描，实现了灵活且强大的自动装配功能。这样，开发者可以专注于业务逻辑的实现，而无需处理繁琐的配置细节。
Java的@DateTimeFormat注解与@JsonFormat注解的使用对比
最新发布
訾博（ZiBo）的博客
07-27 595
在Spring和Jackson框架中，日期和时间格式化是一个常见需求。注解主要用于Spring的表单绑定，而注解则用于Jackson的JSON序列化和反序列化。了解这两个注解的使用场景和方法，可以帮助开发者更高效地处理日期和时间。和是处理日期和时间格式化的两个重要注解。主要用于Spring MVC的请求参数绑定，而主要用于Jackson的JSON序列化和反序列化。了解它们的使用场景和功能，可以帮助开发者更高效地处理日期和时间格式化需求。通过本文的介绍，希望读者能够更清晰地理解和。
Java代码基础算法练习-数的特性-2024.07.25
Sakurapaid的博客
07-25 367
小A喜欢两种性质都成立的数字，小B喜欢至少符合一种性质的数字，小C喜欢不符合这两种性质的 数字。给出一个数字，请输出三个人是否喜欢这个数字。如果喜欢输出1，否则输出0，用空格分隔。输入数字 num，先定义三个整型代表三个人的喜欢与否，先默认设为 0。之后判断num对于性质1、2的条件，分别用 boolen 类型标识。对于每个整型进行判断，是否改为 1 代表喜欢。性质2：大于4且不大于12;
golang在后端如何获得axios发送请求时携带的token
05-10
在后端中，我们可以通过读取HTTP请求头来获取axios发送请求时携带的token信息。 在Golang中，可以通过`net/http`包中的`Request`结构体中的`Header`字段来读取HTTP请求头。我们可以通过以下代码来获取请求头中的token信息： ```go func handleRequest(w http.ResponseWriter, r *http.Request) { token := r.Header.Get("Authorization") // 这里的 "Authorization" 对应的是axios中设置的请求头名称，一般为 "Authorization" 或 "Bearer" // 获取到的 token 就是 axios 发送请求时携带的 token 信息 // ... } ``` 在实际应用中，我们可以将该代码集成到具体的业务逻辑中，以便在需要时获取axios发送请求时携带的token信息。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值