Spring Boot后端解决前后端本地联调跨域问题

在前后端本地开发中,当前端报跨域问题时,即使在同一网段,也可能需要在后端使用@CrossOrigin注解来允许跨域。若post请求仍报错,可能是由于Content-Type为application/json导致的预检请求跨域。将Content-Type改为multipart/form-data可以避免预检,或者在前端处理好CORS策略和cookie。如果希望保持application/json,需理解并处理CORS的预检请求和相关设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前后端本地联调时,虽然处于同网段,前端依旧报跨域问题

在后端接口Controller类上加注解即可解决

@CrossOrigin(methods = {RequestMethod.POST},origins = "*",allowedHeaders = {"*"},allowCredentials = "true")

如果可以说明前后端设置都行。

但是如果还存在问题,加了注解之后get请求可以,但是post请求还是不行,后来发现前端传的Content-Type是application/json导致仍然跨域,应该是application/json请求时,会先有个预检测请求,是该请求导致跨域(可能原因),此处修改为multipart/form-data解决,multipart/form-data相对于multipart/json为简单的请求,修改后本地测试可配合暂时修改进行联调。

具体原因或者不想修改application/json,可以参考如下:

post请求application/json请求跨域问题_application/json 跨域_机智的西贝同学的博客-CSDN博客项目场景:提示:前后端分离项目,前端使用vue+axios配置问题描述提示:application/json请求头时前端出现跨域错误请求需带上cookie,axios.defaults.withCredentials = true已配置axios.defaults.withCredentials = true;axios.defaults.headers = { 'Content-Type' : 'application/json;charset=UTF-8',}原因分析:_application/json 跨域https://blog.csdn.net/weixin_44271874/article/details/123634445

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值