废话不多说,先上完整代码
建corsConfig文件,copy下面内容,放进去
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web.cors.UrlBasedCorsConfigurationSource; import org.springframework.web.filter.CorsFilter; /** * Created on 2022/09/16. */ @Configuration public class CorsConfig { /** * 跨域过滤器 * @return */ @Bean public CorsFilter corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**", buildConfig()); System.out.println("*********************************跨域已启用**************************"); return new CorsFilter(source); } private CorsConfiguration buildConfig() { CorsConfiguration corsConfiguration = new CorsConfiguration(); /** 允许任何域名使用 */ // corsConfiguration.addAllowedOrigin("*"); corsConfiguration.addAllowedOriginPattern("*"); /** 允许的请求头 */ corsConfiguration.addAllowedHeader("*"); /** 允许的方法 */ corsConfiguration.addAllowedMethod("*"); corsConfiguration.addExposedHeader("Set-Cookie"); corsConfiguration.setAllowCredentials(true); return corsConfiguration; } }
这里只需要对域名、头、使用方法设置“*”,即全部允许就可以了。
下面给大家解释一下 上面所用到的注解
@Configuration 标注在类上,相当于把该类作为spring的xml配置文件中的,作用为:配置spring容器(应用上下文)
@Bean 标注在方法上(返回某个实例的方法),等价于spring的xml配置文件中的,作用为:注册bean对象
现在,看下跨域问题来源以及解决方式
一、为什么会出现跨域问题
出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。
可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的。javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port。
二、什么是跨域
跨域请求是来自于浏览器的同源机制,凡是发送请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域
编辑