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(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。