springboot跨域问题解决方案
这篇文章主要介绍了springboot跨域问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
springboot中的跨域问题,如果不注意的话,容易造成错误,本次springboot版本为2.13
前端错误信息:
AccesstoXMLHttpRequestat'http://localhost:8080/user/loginOn'fromorigin'http://localhost:8082'hasbeenblockedbyCORSpolicy:
Responsetopreflightrequestdoesn'tpassaccesscontrolcheck:No'Access-Control-Allow-Origin'headerispresentontherequestedresource.
第一种:是在每个Controller里,加上注解:@CrossOrigin
importjavax.validation.Valid;
@CrossOrigin
@RestController
@RequestMapping("/user")
publicclassUserController{
也可以在方法上加上,比如这样,这样针对具体的方法
@CrossOrigin
@ApiOperation(value="用户登录",notes="")
@PostMapping("/loginOn")
publicResponseMessageloginOn(@RequestBody@ValidUserRequserReq){
每一个Controller这样写也是很麻烦。
第二种:是实现WebMvcConfigurer接口,在接口中进行跨域支持
以前可以继承WebMvcConfigurerAdapter,springboot2.x版本已经将其@Deprecated
我们直接实现接口:
@Configuration
publicclassWebConfigimplementsWebMvcConfigurer{
/**
*跨域支持
*@paramregistry
*/
@Override
publicvoidaddCorsMappings(CorsRegistryregistry){
registry.addMapping("/**")
.allowedOrigins("*")
.allowCredentials(true)
.allowedMethods("GET","POST","DELETE","PUT")
.maxAge(3600*24);
}
但使用这种方法,我今天遇到一个坑,我准备在拦截器里面对用户的请求进行拦截
@Component
publicclassRequestInterceptorimplementsHandlerInterceptor{
@Override
publicbooleanpreHandle(HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler)throwsException{
ObjectloginUser=request.getSession().getAttribute("token");
if(loginUser==null){
//自定义的异常类,这里抛出异常,交给全局异常捕捉类处理
thrownewServiceException("没有权限,请先登录!");
}else{
returntrue;
}
}
@Override
publicvoidpostHandle(HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler,ModelAndViewmodelAndView)throwsException{
}
@Override
publicvoidafterCompletion(HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler,Exceptionex)throwsException{
}
}
全局异常捕捉类:
@RestControllerAdvice
publicclassGlobleExceptionHandler{
@ExceptionHandler(value=ServiceException.class)
publicResponseMessagecaughtException(ServiceExceptione){
returnnewResponseMessage(e.getMsg());
}
}
ResponseMessage是自定义的统一的响应信息类:
ResponseMessage
@Data
publicclassResponseMessage{
privateIntegerCode;
privateStringmsg;
privateIntegercount;
privateObjectdata;
publicResponseMessage(Objectdata){
this.data=data;
}
publicResponseMessage(Stringmsg){
this.msg=msg;
}
publicResponseMessage(Integercode,Stringmsg){
Code=code;
this.msg=msg;
}
publicResponseMessage(Integercode,Stringmsg,Integercount){
Code=code;
this.msg=msg;
this.count=count;
}
publicResponseMessage(Integercode,Stringmsg,Integercount,Objectdata){
Code=code;
this.msg=msg;
this.count=count;
this.data=data;
}
publicstaticResponseMessagesuccess(Stringmsg){
returnnewResponseMessage(200,msg);
}
publicstaticResponseMessagefail(Integercode,Stringmsg){
returnnewResponseMessage(code,msg);
}
}
通过这样的处理发现,前端一直报跨域异常问题,这时候有了第三种方法
第三种:使用CorsFilter过滤器:
写一个MyCorsConfig配置类
@Configuration
publicclassMyCorsConfig{
@Bean
publicCorsFiltercorsFilter(){
CorsConfigurationcorsConfiguration=newCorsConfiguration();
corsConfiguration.addAllowedOrigin("*");
corsConfiguration.addAllowedHeader("*");
corsConfiguration.addAllowedMethod("*");
corsConfiguration.setAllowCredentials(true);
corsConfiguration.setMaxAge(3600L);
UrlBasedCorsConfigurationSourcesource=newUrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**",corsConfiguration);
FilterRegistrationBeanbean=newFilterRegistrationBean(newCorsFilter(source));
//设置过滤器的顺序
bean.setOrder(0);
returnnewCorsFilter(source);
}
}
最终解决本次demo的跨域问题。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。