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