部分请求报 CROS ERROR

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

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

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

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

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

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

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

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

相关推荐
MegaDataFlowers25 分钟前
验证码的实现思路
vue
二哈赛车手3 小时前
新人笔记---Spring AI的Advisor以及其底层机制讲解(涉及源码),包含一些遇见的Spring AI的Advisor缺陷问题的解决方案
java·人工智能·spring boot·笔记·spring
pq2173 小时前
Spring FactoryBean源码解析
java·spring boot·spring
azhou的代码园5 小时前
基于SpringBoot+Vue的家教小程序
vue.js·spring boot·小程序·毕业设计·家教小程序
彭于晏Yan5 小时前
Spring Boot 聚合MongoDB查询
spring boot·后端·mongodb
澄江静如练_7 小时前
vue2中使用provide和inject出现的问题
前端·vue
Cilsoft 秦汉信息科技7 小时前
通用销售订单管理软件
vue·管理系统·erp·客户管理·销售订单
MZ_ZXD0017 小时前
springboot音乐播放器系统-计算机毕业设计源码76317
java·c语言·c++·spring boot·python·flask·php
azhou的代码园8 小时前
基于微信小程序的图片识别科普系统的设计与实现
vue.js·spring boot·微信小程序·小程序·毕业设计·科普·图片识别