部分请求报 CROS ERROR

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

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

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

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

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

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

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

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

相关推荐
2601_953720824 小时前
【计算机毕业设计】基于Vue与Spring Boot的高校兼职信息服务平台设计与实现
spring boot·后端·课程设计
evans在进步6 小时前
Spring Boot 核心机制详解:可执行 JAR、CORS、静态资源与配置绑定
spring boot·后端·jar
Sayuanni%36 小时前
SpringBoot 从注解到源码:核心知识点总结
java·spring boot·后端
m0_587383008 小时前
社区家政系统开发实战:从需求分析到上线部署全指南
java·spring boot·spring·需求分析
凤山老林8 小时前
动态 i18n 体系落地:Spring Boot 多租户热加载与前后端协同实践
java·spring boot·后端·i18n
【赫兹威客】浩哥9 小时前
基于SpringBoot+Vue3的健身运动管理系统|WebSocket实时消息 健身房毕设项目
spring boot·websocket·课程设计
凤山老林9 小时前
数据库读写分离与动态路由实战:Spring Boot + ShardingSphere-JDBC 生产配置
数据库·spring boot·后端·分库分表·sharding-jdbc
RuoyiOffice10 小时前
SpringBoot3+Vue3 代码生成器深拆:元数据 IR、模板编译与安全同步
spring boot·vue3·mybatis plus·代码生成器·spring boot 3·velocity·元数据驱动
paopaokaka_luck10 小时前
基于springboot3+vue3的支教志愿者管理系统(AI问答、协同过滤算法、Echarts图形化分析)
spring boot·echarts
2601_9638701812 小时前
【计算机毕业设计】基于Vue+Spring Boot的助农电商系统的设计与实现
spring boot·后端·课程设计