springboot 如何解决cross跨域请求的问题

springboot 如何解决cross跨域请求的问题

目录springboot 解决cross跨域请求1.使用ajax发送跨域请求接口时2.在被跨域请求的一方配置3.再次测试4.对于只有个别需要开放跨域请求的接口可以这样玩5.其它解决跨域请求的常用方法Spring解决cross domainSpring4：Spring3旧版本：

springboot 解决cross跨域请求

1.使用ajax发送跨域请求接口时

接口能正常接收到请求并响应，但是无法正常展示响应数据。跨域请求时会在有一个特别的请求头origin（请求来源）。

浏览器认为这是不安全的。需要在被跨域请求的那个接口，响应时加上加上几个响应头让浏览器允许跨域请求的响应数据展示。

springboot准备了一个过滤器来实现这个操作。（如下：8081有个ajax请求8888的接口，需要在8888加上过滤器）

2.在被跨域请求的一方配置

一个CrosFilter过滤器到spring里即可

@Bean

public CorsFilter corsFilter() {

CorsConfiguration corsConfiguration = new CorsConfiguration();

corsConfiguration.addAllowedOrigin("http://localhost:8081"); // 允许的域名白名单，可以*

corsConfiguration.addAllowedHeader("*"); // 允许任何头

corsConfiguration.addAllowedMethod(HttpMethod.POST); // 允许哪些类型请求，可以*

corsConfiguration.addExposedHeader("my-header");//自定义请求http://头

corsConfiguration.setAllowCredentials(true);//是否允许携带cookie

UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();

source.registerCorsConfiguration("/sys/generator/list", corsConfiguration); // 哪些path的接口可以被跨域请求

source.registerCorsConfiguration("/sys/generator/code", corsConfiguration);

return new CorsFilter(source);

}

3.再次测试

响应头主要多了这些，也能正常接收到响应数据了

4.对于只有个别需要开放跨域请求的接口可以这样玩http://

@CrossOrigin的参数跟CrosFilter参数设置过滤器一致。

5.其它解决跨域请求的常用方法

使用Nginx反向代理 或前端不跨域请求，后端专门开放一个API接口供前端调用，接口以httpClient请求数据

Spring解决cross domain

Spring4：

在requestMapping中使用注解。 @CrossOrigin(origins = “http://localhost:9000”)

全局实现 .定义类继承WebMvcConfigurerAdapter

public class CorsConfigurerAdapter extends WebMvcConfigurerAdapter{ @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/api/*").allowedOrigins("*"); } }

将该类注入到容器中：

Spring3旧版本：

在org.springframework.web.servlet.DispatcherServlet.doDispatch中会根据根据request来获取HandlerExecutionChain，SpringMVC在获取常规的处理器后会检查是否为跨域请求，如果是则替换原有的实例。

@Override

public final HandlerExecutionChain getHandler(HttpServletRequest request) throws Exception {

Object handler = getHandlerInternal(request);

if (handler == null) { handler = getDefaultHandler(); } if (handler == null) { return null; } // Bean name or resolved handler? if (handler instanceof String) { String handlerName = (String) handler; handler = getApplicationContext().getBean(handlerName); } HandlerExecutionChain executionChain = getHandlerExecutionChain(handler, request); if (CorsUtils.isCorsRequest(request)) { CorsConfiguration globalConfig = this.corsConfigSource.getCorsConfiguration(request); CorsConfiguration handlerConfig = getCorsConfiguration(handler, request); CorsConfiguration config = (globalConfig != null ? globalConfig.combine(handlerConfig) : handlerConfig); executionChain = getCorsHandlerExecutionChain(request, executionChain, config); } return executionChain; }

检查的方法也很简单，即检查请求头中是否有origin字段

public static boolean isCorsRequest(HttpServletRequest request) { return (request.getHeader(HttpHeaders.ORIGIN) != null); }

请求接着会交由 HttpRequestHandlerAdapter.handle来处理，根据handle不同，处理不同的逻辑。前面根据请求头判断是一个跨域请求，获取到的Handler为PreFlightHandler,其实现为：

@Override

public void handleRequest(HttpServletRequest request, HttpServletResponse response) throws IOException { corsProcessor.processRequest(this.config, request, response); }

继续跟进

@Override

public boolean processRequest(CorsConfiguration config, HttpServletRequest request, HttpServletResponse response)

throws IOException {

if (!CorsUtils.isCorsRequest(request)) {

return true; } ServletServerHttpResponse serverResponse = new ServletServerHttpResponse(response); ServletServerHttpRequest serverRequest = new ServletServerHttpRequest(request); if (WebUtils.isSameOrigin(serverRequest)) { logger.debug("Skip CORS processing, request is a same-origin one"); return true; } if (responseHasCors(serverResponse)) { logger.debug("Skip CORS processing, response already contains \"Access-Control-Allow-Origin\" header"); return true; } boolean preFlightRequest = CorsUtils.isPreFlightRequest(request); if (config == null) { if (preFlightRequest) { rejectRequest(serverResponse); return false; } else { return true; } } return handleInternal(serverRequest, serverResponse, config, preFlightRequest); }

此方法首先会检查是否为跨域请求，如果不是则直接返回，接着检查是否同一个域下，或者response头里是否具有Access-Control-Allow-Origin字段或者request里是否具有Access-Control-Request-Method。

如果满足判断条件，则拒绝这个请求。

由此我们知道，可以通过在检查之前设置response的Access-Control-Allow-Origin头来通过检查。我们在-的preHandle的处理。加入如下代码:

response.setHeader("Access-Control-Allow-Origin", "*");

此时浏览器中OPTIONS请求返回200。但是依然报错：

Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

我们注意到：在request的请求头里有Access-Control-Request-Headers:accept, content-type，但是这个请求头的中没有，此时浏览器没有据需发送请求。尝试在response中加入:

response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

执行成功：

Object {userId: 123, userName: “adminUpdate-wangdachui”}

至此：我们通过分析原理使SpringMVC实现跨域，原有实现以及客户端代码不需要任何改动。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。