时间:2021-05-19
这篇文章主要介绍了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 */@RestControllerpublic 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 */@Controllerpublic class ComsumerController { @GetMapping("youku1327") public String getUser(){ return "index"; }}页面代码:
<!DOCTYPE html><html lang="en" xmlns:th="http://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: "http://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 */@Configurationpublic class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("http://localhost:8082") .allowCredentials(true) .allowedMethods("GET", "POST", "DELETE", "PUT","PATCH") .allowedHeaders("*"); }}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用vue+axios+springboot前后端分离项目时会出现跨域问题解决方式:一:全局配置/***就是注册的过程,注册Cors协议的内容。*如:Cors协
跨域请求:请求url包含协议、网址、端口,任何一种不同都是跨域请求。1.安装cors模块pipinstalldjango-cors-headers2.添加应用I
一、Web开发经常会遇到跨域问题,解决方案有:jsonp,iframe,CORS等等CORS与JSONP相比1、JSONP只能实现GET请求,而CORS支持所有
CORS(Cross-originresourcesharing)是一个W3C标准,翻译过来就是"跨域资源共享",它主要是解决Ajax跨域限制的问题。CORS需
跨域配置如下,Springboot版本为2.4.1///跨域访问配置@ConfigurationpublicclassCorsConfig{privateCor