當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
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 3+
Firefox 3.5+
Opera 12+
Safari 4+
Internet Explorer 8+
?
二、在spring MVC 中可以配置全局的規則,也可以使用@CrossOrigin注解進行細粒度的配置。
?
全局配置:
@Configurationpublic class CustomCorsConfiguration {@Beanpublic WebMvcConfigurer corsConfigurer() {return new WebMvcConfigurerAdapter() {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/api/**").allowedOrigins("http://localhost:8080");}};}}?
或者是
/*** 全局設置** @author wujing*/@Configurationpublic class CustomCorsConfiguration2 extends WebMvcConfigurerAdapter {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/api/**").allowedOrigins("http://localhost:8080");}}?
定義方法:
/*** @author wujing*/@RestController@RequestMapping("/api")public class ApiController {@RequestMapping(value = "/get")public HashMap<String, Object> get(@RequestParam String name) {HashMap<String, Object> map = new HashMap<String, Object>();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<String, Object> get(@RequestParam String name) {HashMap<String, Object> map = new HashMap<String, Object>();map.put("title", "hello world");map.put("name", name);return map;}}?
?
?
?
轉自:http://www.roncoo.com/article/detail/125503
代碼:https://github.com/JeromeSuz/demo_spring_boot/blob/master/src/main/resources/static/cors.html延伸閱讀 HTML5安全風險詳析之一:CORS強攻?
轉載于:https://www.cnblogs.com/lywJ/p/10270970.html
總結
以上是生活随笔為你收集整理的Spring Boot Web应用开发 CORS 跨域请求支持的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: UCMap移动GIS 时空地图GIS
- 下一篇: 遇到的浏览器问题总结