前后端分离,后端拦截器无法获得前端请求的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; // 不继续处理后续逻辑
        }
相关推荐
华洛2 分钟前
聊聊我逃离前端开发前的思考
前端·javascript·vue.js
2401_835792542 分钟前
Java复习上
java·开发语言·python
小昭在路上……4 分钟前
编译与链接的本质:段(Section)的生成与定位
java·linux·开发语言
小码哥_常7 分钟前
解锁Android权限申请新姿势:与前置说明弹窗共舞
前端
启山智软20 分钟前
【智能商城系统技术架构优势】
java·spring·开源·商城开发
迷藏49421 分钟前
# 发散创新:基于Solidity的NFT智能合约设计与部署实战在区块链技术飞速发展
java·区块链·智能合约
tq108622 分钟前
从对象互操作性角度分析 `from` 与 `to` 方法的选择
java
紫_龙27 分钟前
最新版vue3+TypeScript开发入门到实战教程之路由详解三
前端·javascript·typescript
-SOLO-31 分钟前
使用Cursor操控正在打开的Chrome
前端·chrome
chiwei_hua31 分钟前
如何在 Blazor Web 前端中使用 C# 进行数据交互?
前端·c#·交互