前后端分离,后端拦截器无法获得前端请求的token

首先需要了解两个知识点:

跨域是指在浏览器中,一个网页试图请求另一个域(协议、域名或端口不同 )的资源时,所涉及的安全机制。在Web开发中,一般来说,由于安全性原因,浏览器会阻止一个域访问另一个域的数据,这种限制称为同源策略(Same-Origin Policy)。

进行跨域请求时,浏览器会先发送一个OPTIONS请求,以确认目标服务器允许特定的请求方法和头。

关键来了,这个自动发送的options请求,是不会带有我们的token的。而路径却是跟我们实际请求一致,因此同样会被拦截器拦截。所以即便我们设置了cros的config,options也会因为没有token而被拒绝,而实际带有token的请求却因为options被拒绝而没有发送。

解决办法:

在拦截器中加入以下代码,在识别到是OPTIONS请求时通过

java 复制代码
if ("OPTIONS".equalsIgnoreCase(request.getMethod())) {
            response.setStatus(HttpServletResponse.SC_OK);
            return false; // 不继续处理后续逻辑
        }
相关推荐
Mintopia2 分钟前
团队 AI 协作开发:一套把产品快速落地的工程化方案
前端·人工智能
Mintopia4 分钟前
AI × 架构:用“智能闭环”把系统产出做到超预期
前端
lang201509284 分钟前
18 Byte Buddy 进阶:揭秘方法委托中的“歧义解析”机制
java·byte buddy
wuhen_n5 分钟前
shallowRef 与 shallowReactive:浅层响应式的妙用
前端·javascript·vue.js
SimonKing6 分钟前
Spring Boot 动态多数据源:核心思路与关键考量
java·后端·程序员
wuhen_n11 分钟前
事件监听器销毁完全指南:如何避免内存泄漏?
前端·javascript·vue.js
好家伙VCC12 分钟前
**NumPy中的高效数值计算:从基础到进阶的实战指南**在现代数据科学与机器学习领域
java·python·机器学习·numpy
电商API&Tina13 分钟前
1688跨境寻源通API数据采集: 获得1688商品详情关键字搜索商品按图搜索1688商品
大数据·前端·数据库·人工智能·爬虫·json·图搜索算法
旷世奇才李先生13 分钟前
066基于java的中医养生系统-springboot+vue
java·vue.js·spring boot
૮・ﻌ・21 分钟前
Nodejs - 01:Buffer、fs模块、HTTP模块
前端·http·node.js