SpringBoot使用@CrossOrigin注解后，图片文件上传失败解决方案

最新推荐文章于 2025-04-09 21:25:44 发布

 消逝的时间

最新推荐文章于 2025-04-09 21:25:44 发布

阅读量715

点赞数

分类专栏： Cros跨域文章标签： java vue.js

本文链接：https://blog.csdn.net/weixin_44016371/article/details/109628010

版权

本文介绍了在SpringBoot应用中，使用@CrossOrigin注解后出现图片文件上传跨域问题的两种解决方案。尽管@CrossOrigin通常能解决GET、POST、HEAD请求的跨域，但在文件上传场景下存在问题。解决方案一是指定跨域请求类型，但仍有跨域错误；解决方案二是通过在启动类中配置额外方法，成功解决了跨域问题。

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

@CrossOrigin   //springboot通过跨域请求的注解

在类上面使用@CrossOrigin注解后按理说应该是可以解决跨域问题的，在一般的数据传输当中是没出现问题的，在别人的博客中找到资料说@CrossOrigin注解默认开启了get，post，以及head请求

但是在使用图片文件上传的时候却实现了跨域问题，通过查证资料有两种解决方案

解决方案一：

@CrossOrigin(methods = {RequestMethod.GET, RequestMethod.POST, RequestMethod.OPTIONS})

指定开启跨域请求类型，使用post上传可以传输进来文件，但是这里不知道为什么，前端依然会报跨域的错，但是请求码是200.这里先埋个坑，如果有大佬知道了为什么，可以在下方评论区留言一下，以解小弟不解之惑。

解决方案二:


import com.spring4all.swagger.EnableSwagger2Doc;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web

最低0.47元/天解锁文章