Java 如何解决跨域问题
引言
我们在开发过程中经常会遇到前后端分离而导致的跨域问题,导致无法获取返回结果。跨域就像分离前端和后端的一道鸿沟,君在这边,她在那边,两两不能往来.
什么是跨域(CORS)
跨域(CORS)是指不同域名之间相互访问。跨域,指的是浏览器不能执行其他网站的脚本,它是由浏览器的同源策略所造成的,是浏览器对于JavaScript所定义的安全限制策略。
什么情况会跨域
- 同一协议,如http或https
- 同一IP地址,如127.0.0.1
- 同一端口,如8080
以上三个条件中有一个条件不同就会产生跨域问题。
解决方案
前端解决方案
- 使用JSONP方式实现跨域调用;
- 使用NodeJS服务器做为服务代理,前端发起请求到NodeJS服务器,NodeJS服务器代理转发请求到后端服务器;
后端解决方案
- nginx反向代理解决跨域
- 服务端设置ResponseHeader(响应头部)的Access-Control-Allow-Origin
- 在需要跨域访问的类和方法中设置允许跨域访问(如Spring中使用@CrossOrigin注解);
- 继承使用SpringWeb的CorsFilter(适用于SpringMVC、SpringBoot)
- 实现WebMvcConfigurer接口(适用于SpringBoot)
具体方式
一、使用Filter方式进行设置
使用Filter过滤器来过滤服务请求,向请求端设置ResponseHeader(响应头部)的Access-Control-Allow-Origin属性声明允许跨域访问。
@WebFilter publicclassCorsFilterimplementsFilter{ @Override publicvoiddoFilter(ServletRequestreq,ServletResponseres,FilterChainchain)throwsIOException,ServletException{ HttpServletResponseresponse=(HttpServletResponse)res; response.setHeader("Access-Control-Allow-Origin","*"); response.setHeader("Access-Control-Allow-Methods","*"); response.setHeader("Access-Control-Max-Age","3600"); response.setHeader("Access-Control-Allow-Headers","*"); response.setHeader("Access-Control-Allow-Credentials","true"); chain.doFilter(req,res); } }
二、继承HandlerInterceptorAdapter
@Component publicclassCrossInterceptorextendsHandlerInterceptorAdapter{ @Override publicbooleanpreHandle(HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler)throwsException{ response.setHeader("Access-Control-Allow-Origin","*"); response.setHeader("Access-Control-Allow-Methods","GET,POST,PUT,DELETE,OPTIONS"); response.setHeader("Access-Control-Max-Age","3600"); response.setHeader("Access-Control-Allow-Headers","*"); response.setHeader("Access-Control-Allow-Credentials","true"); returntrue; } }
三、实现WebMvcConfigurer
@Configuration @SuppressWarnings("SpringJavaAutowiredFieldsWarningInspection") publicclassAppConfigimplementsWebMvcConfigurer{ @Override publicvoidaddCorsMappings(CorsRegistryregistry){ registry.addMapping("/**")//拦截所有的请求 .allowedOrigins("http://www.abc.com")//可跨域的域名,可以为* .allowCredentials(true) .allowedMethods("*")//允许跨域的方法,可以单独配置 .allowedHeaders("*");//允许跨域的请求头,可以单独配置 } }
四、使用Nginx配置
location/{ add_headerAccess-Control-Allow-Origin*; add_headerAccess-Control-Allow-HeadersX-Requested-With; add_headerAccess-Control-Allow-MethodsGET,POST,PUT,DELETE,OPTIONS; if($request_method='OPTIONS'){ return204; } }
五、使用@CrossOrgin注解
如果只是想部分接口跨域,且不想使用配置来管理的话,可以使用这种方式
在Controller使用
@CrossOrigin @RestController @RequestMapping("/user") publicclassUserController{ @GetMapping("/{id}") publicUserget(@PathVariableLongid){ } @DeleteMapping("/{id}") publicvoidremove(@PathVariableLongid){ } }
在具体接口上使用
@RestController @RequestMapping("/user") publicclassUserController{ @CrossOrigin @GetMapping("/{id}") publicUserget(@PathVariableLongid){ } @DeleteMapping("/{id}") publicvoidremove(@PathVariableLongid){ } }
SpringCloudGateway跨域配置
spring: cloud: gateway: globalcors: cors-configurations: '[/**]': #允许跨域的源(网站域名/ip),设置*为全部 #允许跨域请求里的head字段,设置*为全部 #允许跨域的method,默认为GET和OPTIONS,设置*为全部 allow-credentials:true allowed-origins: -"http://xb.abc.com" -"http://sf.xx.com" allowed-headers:"*" allowed-methods: -OPTIONS -GET -POST -DELETE -PUT -PATCH max-age:3600
注意:通过gateway转发的其他项目,不要进行配置跨域配置
有时即使配置了也不会起作用,这时你可以根据浏览器控制的错误输出来查看问题,如果提示是response中header出现了重复的Access-Control-*请求头,可以进行如下操作
importjava.util.ArrayList; importorg.springframework.cloud.gateway.filter.GatewayFilterChain; importorg.springframework.cloud.gateway.filter.GlobalFilter; importorg.springframework.cloud.gateway.filter.NettyWriteResponseFilter; importorg.springframework.core.Ordered; importorg.springframework.http.HttpHeaders; importorg.springframework.stereotype.Component; importorg.springframework.web.server.ServerWebExchange; importreactor.core.publisher.Mono; @Component("corsResponseHeaderFilter") publicclassCorsResponseHeaderFilterimplementsGlobalFilter,Ordered{ @Override publicintgetOrder(){ //指定此过滤器位于NettyWriteResponseFilter之后 //即待处理完响应体后接着处理响应头 returnNettyWriteResponseFilter.WRITE_RESPONSE_FILTER_ORDER+1; } @Override publicMonofilter(ServerWebExchangeexchange,GatewayFilterChainchain){ returnchain.filter(exchange).then(Mono.defer(()->{ exchange.getResponse().getHeaders().entrySet().stream() .filter(kv->(kv.getValue()!=null&&kv.getValue().size()>1)) .filter(kv->( kv.getKey().equals(HttpHeaders.ACCESS_CONTROL_ALLOW_ORIGIN) ||kv.getKey().equals(HttpHeaders.ACCESS_CONTROL_ALLOW_CREDENTIALS) ||kv.getKey().equals(HttpHeaders.ACCESS_CONTROL_ALLOW_METHODS) ||kv.getKey().equals(HttpHeaders.ACCESS_CONTROL_ALLOW_HEADERS) ||kv.getKey().equals(HttpHeaders.ACCESS_CONTROL_MAX_AGE))) .forEach(kv->{ kv.setValue(newArrayList (){{ add(kv.getValue().get(0)); }}); }); returnchain.filter(exchange); })); } }
以上就是Java如何解决跨域问题的详细内容,更多关于Java解决跨域问题的资料请关注毛票票其它相关文章!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。