部分请求报 CROS ERROR

当我在写系统时,发现/post/list请求报错跨域问题。但是/login,logout请求能通过。报错为下:

于是开始找文档,最开始以为是后端跨域配置导致的(但是仔细一想,发现/login又能够通过):

然后我试着把前端的跨域加进去,但是依旧报之前的错:

最后,发现是拦截器的原因,因为在拦截器中设置了拦截条件,正常放行的只有login,logout请求。然而post/list并没有放行,需要通过写的interceptor进行校验,很明显写的前端请求是没有通过校验的,因为最开始我写的请求headers要携带Authrazation:

这个请求并没有携带后端需要的校验头:

所以,为了通过校验,我在前端头中加入了headers:

但是依旧没有通过还是报错无法通过校验,通过查询,发现浏览器第一次请求为OPTIONS预检,并且预检是不会携带请求头的,所以还是会跨域失败,因此只要在放行条件中加入这行代码就能顺利通过了:

总结:当在拦截器设置了通过headers条件,要在注册的interceptor中添加OPTIONS放行条件,否则依旧会报跨域失败

相关推荐
9624567 分钟前
餐饮 SaaS 优惠券系统架构演进(三):优惠计算引擎——商品级计价、冲突策略与优惠分摊
java·数据库·spring boot
vx_Biye_Design10 分钟前
expressDeepSeek社团咨询助手的学生社团管理系统60746-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·python·课程设计·express
vx_Biye_Design24 分钟前
springboot宠物领养与救助平台64334-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·mysql·课程设计·宠物
vx_Biye_Design27 分钟前
django就业信息推荐系统61953-计算机课程设计、毕业设计
java·vue.js·spring boot·python·架构·django·课程设计
专业程序开发源1 小时前
springboot高校学生社团管理系统74810-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·php·课程设计
EatFan1 小时前
从云原生到AI原生:2026后端架构“三驾马车”(事件驱动、虚拟线程、AI Agent内嵌)演进解析
spring boot·云原生·架构·虚拟线程·ai-native·ai agent·spring ai
专业程序开发源2 小时前
springboot生命故事书制作小程序65290-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·mysql·小程序·课程设计
vx_Biye_Design2 小时前
springboot角色扮演服务平台65161-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·python·spring·课程设计
vx_Biye_Design3 小时前
springboot咖啡厅顾客点单管理系统12080-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·课程设计·express
QQ_21696290963 小时前
基于微信小程序的智能膳食分析系统
java·大数据·spring boot·微信小程序·小程序·旅游