Spring Boot中如何解析CORS跨域处理代码?
- 内容介绍
- 文章标签
- 相关推荐
本文共计925个文字,预计阅读时间需要4分钟。
这篇文章主要介绍了Spring Boot跨域CORS处理代码的解析,通过示例代码详细讲解了其非详细的实现。对于需要深入学习或工作的朋友,具有一定的参考价值。详情可参考以下内容:
一、Spring Boot跨域CORS处理代码解析
1. CORS概述CORS(Cross-Origin Resource Sharing,跨源资源共享)是一种安全机制,它允许不同源(Origin)的网页可以访问其他源的服务器资源。
2. Spring Boot中实现CORS在Spring Boot中,可以通过以下几种方式实现CORS:
(1)使用@CrossOrigin注解在需要处理CORS的Controller方法上添加@CrossOrigin注解,并设置相应的参数。
(2)使用CORSFilter过滤器在Spring Boot项目中添加CORSFilter过滤器,自定义CORS策略。
3. 示例代码以下是一个使用@CrossOrigin注解的示例代码:
java@RestController@CrossOrigin(origins=http://example.com, maxAge=3600)public class CorsController {
@GetMapping(/cors) public String cors() { return CORS is working!; }}
二、学习与工作价值
对于学习或工作的朋友,本文具有一定的参考价值:
1. 了解CORS的基本概念和实现方式;
2.掌握Spring Boot中CORS的处理方法;
3.通过示例代码学习如何在实际项目中应用CORS。
三、参考资料
+ 一
+ 源(Origin)+ 源指向URL协议的参考协议这篇文章主要介绍了springboot跨域CORS处理代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
一 源(Origin)
源指URL的协议,域名,端口三部分组成,如果这个三个成分都相同,就判定是同源,否则为不同源。
同源策略(Same origin policy)是一种浏览器的约定,即在浏览器中禁止非同源访问。
二 CORS
CORS即"跨域资源共享"(Cross-origin resource sharing),是一个W3C标准。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了ajax只能同源使用的限制。springboot也提供了cors的解决方法。
下面将模拟浏览器跨域,并解决跨域问题。
三 provider工程
provider工程提供了一个接口给外部访问,端口是8080。
/** * @Author lsc * @Description <p> cors </p> * @Date 2019/10/20 21:32 * @Version 1.0 */ @RestController public class ProviderController { @GetMapping("youku1327") public String getUser(){ System.out.println("---------"); return "hello youku1327"; } }
四 consumer
consumer 提供访问页面,跨域亲求 provider接口,端口为8082。
控制层代码:
/** * @Author lsc * @Description <p> </p> * @Date 2019/10/20 21:32 * @Version 1.0 */ @Controller public class ComsumerController { @GetMapping("youku1327") public String getUser(){ return "index"; } }
页面代码:
<!DOCTYPE html> <html lang="en" xmlns:th="www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>cors-youku1327</title> </head> <body> <script th:src="@{jquery-1.8.3.js}" type="text/javascript"></script> <button id="button">获得用户</button> <script> $("#button").click(function () { $.ajax({ url: "localhost:8080/youku1327", type: "get", success:function (result) { console.log(result); } }) }); </script> </body> </html>
五 跨域问题产生
两个项目分别启动后,在流量器中访问consumer,报错如下,不存在允许访问的请求头。
六解决方案
在provier实现WebMvcConfigurer接口,或者使用@CrossOrigin注解在方法上。
示例代码:
/** * @Author lsc * @Description <p> </p> * @Date 2019/10/20 23:15 * @Version 1.0 */ @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("localhost:8082") .allowCredentials(true) .allowedMethods("GET", "POST", "DELETE", "PUT","PATCH") .allowedHeaders("*"); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。
本文共计925个文字,预计阅读时间需要4分钟。
这篇文章主要介绍了Spring Boot跨域CORS处理代码的解析,通过示例代码详细讲解了其非详细的实现。对于需要深入学习或工作的朋友,具有一定的参考价值。详情可参考以下内容:
一、Spring Boot跨域CORS处理代码解析
1. CORS概述CORS(Cross-Origin Resource Sharing,跨源资源共享)是一种安全机制,它允许不同源(Origin)的网页可以访问其他源的服务器资源。
2. Spring Boot中实现CORS在Spring Boot中,可以通过以下几种方式实现CORS:
(1)使用@CrossOrigin注解在需要处理CORS的Controller方法上添加@CrossOrigin注解,并设置相应的参数。
(2)使用CORSFilter过滤器在Spring Boot项目中添加CORSFilter过滤器,自定义CORS策略。
3. 示例代码以下是一个使用@CrossOrigin注解的示例代码:
java@RestController@CrossOrigin(origins=http://example.com, maxAge=3600)public class CorsController {
@GetMapping(/cors) public String cors() { return CORS is working!; }}
二、学习与工作价值
对于学习或工作的朋友,本文具有一定的参考价值:
1. 了解CORS的基本概念和实现方式;
2.掌握Spring Boot中CORS的处理方法;
3.通过示例代码学习如何在实际项目中应用CORS。
三、参考资料
+ 一
+ 源(Origin)+ 源指向URL协议的参考协议这篇文章主要介绍了springboot跨域CORS处理代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
一 源(Origin)
源指URL的协议,域名,端口三部分组成,如果这个三个成分都相同,就判定是同源,否则为不同源。
同源策略(Same origin policy)是一种浏览器的约定,即在浏览器中禁止非同源访问。
二 CORS
CORS即"跨域资源共享"(Cross-origin resource sharing),是一个W3C标准。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了ajax只能同源使用的限制。springboot也提供了cors的解决方法。
下面将模拟浏览器跨域,并解决跨域问题。
三 provider工程
provider工程提供了一个接口给外部访问,端口是8080。
/** * @Author lsc * @Description <p> cors </p> * @Date 2019/10/20 21:32 * @Version 1.0 */ @RestController public class ProviderController { @GetMapping("youku1327") public String getUser(){ System.out.println("---------"); return "hello youku1327"; } }
四 consumer
consumer 提供访问页面,跨域亲求 provider接口,端口为8082。
控制层代码:
/** * @Author lsc * @Description <p> </p> * @Date 2019/10/20 21:32 * @Version 1.0 */ @Controller public class ComsumerController { @GetMapping("youku1327") public String getUser(){ return "index"; } }
页面代码:
<!DOCTYPE html> <html lang="en" xmlns:th="www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>cors-youku1327</title> </head> <body> <script th:src="@{jquery-1.8.3.js}" type="text/javascript"></script> <button id="button">获得用户</button> <script> $("#button").click(function () { $.ajax({ url: "localhost:8080/youku1327", type: "get", success:function (result) { console.log(result); } }) }); </script> </body> </html>
五 跨域问题产生
两个项目分别启动后,在流量器中访问consumer,报错如下,不存在允许访问的请求头。
六解决方案
在provier实现WebMvcConfigurer接口,或者使用@CrossOrigin注解在方法上。
示例代码:
/** * @Author lsc * @Description <p> </p> * @Date 2019/10/20 23:15 * @Version 1.0 */ @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("localhost:8082") .allowCredentials(true) .allowedMethods("GET", "POST", "DELETE", "PUT","PATCH") .allowedHeaders("*"); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

