Spring Boot Web应用开发 CORS 跨域请求支持

Spring Boot Web应用开发 CORS 跨域请求支持

一、Web开发经常会遇到跨域问题，解决方案有：jsonp，iframe,CORS等等

CORS与JSONP相比

1、 JSONP只能实现GET请求，而CORS支持所有类型的HTTP请求。

2、 使用CORS，开发者可以使用普通的XMLHttpRequest发起请求和获得数据，比起JSONP有更好的错误处理。

3、 JSONP主要被老的浏览器支持，它们往往不支持CORS，而绝大多数现代浏览器都已经支持了CORS

浏览器支持情况

Chrome 3zPrnUPC+

Firefox 3.5+

Opera 12+

Safari 4+

Internet Explorer 8+

二、在spring MVC 中可以配置全局的规则，也可以使用@CrossOrigin注解进行细粒度的配置。

全局配置：

@Configuration

public class CustomCorsConfiguration {

@Bean

public WebMvcConfigurer corsConfigurer() {

return new WebMvcConfigurerAdapter() {

@Override

public void addCorsMappings(CorsRegistry registry) {

registry.addMapping("/api/**").allowedOrigins("http://localhost:8080");

}

};

}

}

或者是

/**

* 全局设置

*

* @author wujing

*/

@Configuration

public class CustomCorsConfiguration2 extends WebMvcConfigurerAdapter {

@Override

public void addCorsMappings(CorsRegistry registry) {

registry.addMapping("/api/**").allowedOrigins("http://localhost:8080");

}

}

定义方法：

/**

* @author wujing

*/

@Rehttp://stController

@RequestMapping("/api")

public class ApiController {

@RequestMapping(value = "/get")

public HashMap get(@RequestParam String name) {

HashMap();

map.put("title", "hello world");

map.put("name", name);

return map;

}

}

测试js：

$.ajax({

url: "http://localhost:8081/api/get",

type: "POST",

data: {

name: "测试"

},

success: function(data, status, xhr) {

console.log(data);

alert(data.name);

}

});

细粒度配置

/**

* @author wujing

*/

@RestController

@RequestMapping(value = "/api", method = RequestMethod.POST)

public class ApiController {

@CrossOrigin(origins = "http://localhost:8080")

@RequestMapping(value = "/get")

public HashMap get(@RequestParam String name) {

HashMap map = new HashMap();

map.put("title", "hello world");

map.put("name", name);

return map;

}

}

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