简介：

　　CORS（corss-Origin Resource Sharing）是由W3C制定的一种跨域资源共享技术标准，其目的为了解决前端的跨域请求，在JavaEE开发中，最常见的前端跨域请求解决方案是JSONP，但是JSONP只支持Get请求，但是cors支持多种HTTP请求方法。

　　如果服务器支持cors，服务器响应头有一个Access-Control-Allow-Origin字段，这个字段的值是用来记录访问改资源的域，当浏览器接收到这样的响应头信息后，取出Access-Control-Allow-Origin字段的值，发现包含当前页面所在的域，就知道这个跨域是被允许的，不在对其限制。

　

1.局部配置：

　Controller:一个添加一个删除接口

@RestController

@RequestMapping("/book")

public class BookController {

    @PostMapping("/a")

    @corssOrigin(value = "http://localhost:8081"

            ,maxAge = 1800,allowedHeaders = "*")

    public String addBook(String name) {

        return "receive:" + name;

    }

    @DeleteMapping("/{id}")

    @corssOrigin(value = "http://localhost:8081"

            ,maxAge = 1800,allowedHeaders = "*")

    public String deleteBookById(@PathVariable Long id) {

        return String.valueOf(id);

    }

}
@corssOrigin(value = "http://localhost:8081"

            ,maxAge = 1800,allowedHeaders = "*")
其中value中表示支持的域，表示来自http://localhost:8081域的请求是支持跨域的，
maxAge表示探测请求的有效期（在发送DELETE,PUT请求或者有自定义头信息的请求在执行中，先发送探测请求，然后发送请求，探测请求有有效期，就是maxAge），默认1800秒
allowedHeaders表示允许的请求头，*表示都允许

2.全局配置：

　　需要自己写一个类实现WebMvcConfigurer 接口重写addcorsMappings方法，方法中

　　addMapping表示对哪种格式的请求进行跨域处理

　　allowedHeaders表示允许的请求头，默认*

　　allowedMethods表示允许的请求方法，默认GET POST HEAD

　　maxAge探测请求有效期

　 allowedOrigins表示支持的域
@Configuration

public class MyWebMvcConfig implements WebMvcConfigurer {

    @Override

    public void addCorsMappings(CorsRegistry registry) {

        registry.addMapping("/book/**")

                .allowedHeaders("*")

                .allowedMethods("*")

                .maxAge(1800)

                .allowedOrigins("http://localhost:8081");

    }

}

测试：

启动两个项目端口号8080，8081

在8081中index.html发送Ajax请求给8080

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="jquery3.3.1.js"></script>

</head>

<body>

<div id="contentDiv"></div>

<div id="deleteResult"></div>

<input type="button" value="提交数据" onclick="postData()"><br>

<input type="button" value="删除数据" onclick="deleteData()"><br>

<input type="button" value="获取数据" onclick="getData()"><br>

<script>function deleteData() {

        $.ajax({

            url:'http://localhost:8080/book/99',

            type:'delete',

            success:function (msg) {

                $("#deleteResult").html(msg);

            }

        })

    }

    function postData() {

        $.ajax({

            url:'http://localhost:8080/book/a',

            type:'post',

            data:{name:'三国演义'},

            success:function (msg) {

                $("#contentDiv").html(msg);

            }

        })

    }

</script>

</body>

</html>

8080中的controller：

@RestController

@RequestMapping("/book")

public class BookController {

    @PostMapping("/a")

    @corssOrigin(value = "http://localhost:8081"

            ,maxAge = 1800,allowedHeaders = "*")

    public String addBook(String name) {

        return "receive:" + name;

    }

    @DeleteMapping("/{id}")

    @corssOrigin(value = "http://localhost:8081"

            ,maxAge = 1800,allowedHeaders = "*")

    public String deleteBookById(@PathVariable Long id) {

        return String.valueOf(id);

    }

}

可以请求到数据，跨域完成

SpringBoot整合WEB开发--（六）CROS支持的更多相关文章

  1. springboot整合web开发（整合servlet、filter、listener、访问静态、文件上传）

    整合servlet 1.继承HttpServlet 2.添加@WebServlet注解 @WebServlet(name="FirstServlet",urlPatterns=&q ...

  2. SpringBoot整合WEB开发--（十）配置AOP

    简介: SpringBoot框架中对AOP有很好的支持,简单AOP概念: JoinPoint(连接点):类里面可以被增强的方法即为连接点,例如,想修改哪个方法的功能,那么该方法就是一个连接点. Poi ...

  3. SpringBoot整合WEB开发--（九）整合Servlet,Filter,Listener

    简介: 如果需要整合第三方框架时,可能还是不得不使用Servlet,Filter,Listener,Springboot中也有提供支持. @WebServlet("/my") pu ...

  4. SpringBoot整合WEB开发--（五）自定义错误页

    目的与原理: 处理异常时,若我们想根据实际情况返回不同的页面,@ControllerAdvice与@ExceptionHandler,一般用于处理应用级别的异常,一些容器级别的错误就处理不了,例如Fi ...

  5. SpringBoot整合WEB开发--（三）文件上传

    文件上传: Java中文件上传一共涉及到两个组件,CommonsMultipartResolver和StandardServletMultipartResolver,其中CommonsMultipar ...

  6. SpringBoot整合WEB开发--（一）处理JSON返回数据

    1.使用默认的json转换HttpessageConverter Json是目前主流的前后端数据传输方式,SpringMVC中使用消息转化器HttpMessageConverter对JSON的转换提供 ...

  7. SpringBoot整合WEB开发--（八）启动任务系统

    简介: 有一些特殊的任务需要在系统启动时执行,例如配置文件的加载,数据库初始化等操作,如果没有使用SpringBoot,这些问题可以在Listener中解决.SpringBoot提供了两种解决方案:C ...

  8. SpringBoot整合WEB开发--（二）静态资源访问

    1.默认策略: 静态资源的位置一共5个,开发者可以将静态资源放到其中任意一个,分别是: "classpath:/META-INF/resources/", "classp ...

  9. SpringBoot整合WEB开发--（七）注册拦截器

    1.创建一个拦截器类实现HandlerInterceptor接口,重写其中的3个方法,这拦截器中方法的执行顺序为:preHandle--Controller--postHandle--afterCom ...

随机推荐

  1. 全栈之路-小程序API-SpringBoot项目中参数校验机制与LomBok工具集使用

    参数校验机制在web开发中是非常重要的,每当看到现在所在公司的校验代码,我都有头疼,每一个接口都是重新写参数的校验,有些复杂的接口,参数的校验甚至占了整个接口代码量的挺大一部分的,看着我都有些头疼,我 ...

  2. NIO学习笔记，从Linux IO演化模型到Netty—— 从BIO到epoll模型

    本文不涉及具体代码,只分析Linux IO演化的心路历程,学习资料来源网络,不保证一定正确,若有错误,欢迎指出. BIO 服务端创建socket(80端口),文件描述符3号. 当线程调用accept时 ...

  3. JavaScript中条件分支语句和循环语句的使用，用简洁的代码实现强大功能

    if()  else if()   else() alert() 弹出警告框 prompt() 输入框,确定:返回输入信息:取消:返回null <!DOCTYPE html> <ht ...

  4. sass实现头条新闻列表页面

    Index.html <!DOCTYPE html> <html> <head> <title>今日头条</title> <meta ...

  5. Spring boot2.0学习笔记(一)

    学习环境: jdk1.8 (Spring Boot 推荐jdk1.8及以上): java version "1.8.0_241" Maven 3.x (maven 3.2 以上版本 ...

  6. 吴裕雄--天生自然 HADOOP大数据分布式处理：安装XShell

    下载安装包

  7. Flink架构，源码及debug

    序 工作中用Flink做批量和流式处理有段时间了,感觉只看Flink文档是对Flink ProgramRuntime的细节描述不是很多, 程序员还是看代码最简单和有效.所以想写点东西,记录一下,如果能 ...

  8. IO流学习之字节流（一）

    IO流(Input/Output) 简介: 流是一种抽象概念,它代表了数据的无结构化传递.按照流的方式进行输入输出,数据被当成无结构的字节序或字符序列.从流中取得数据的操作称为提取操作,而向流中添加数 ...

  9. Secondary NameNode:它究竟有什么作用？

    前言 最近刚接触Hadoop, 一直没有弄明白NameNode和Secondary NameNode的区别和关系.很多人都认为,Secondary NameNode是NameNode的备份,是为了防止 ...

  10. PAT (Advanced Level) Practice 1011 World Cup Betting (20 分) （找最值）

    With the 2010 FIFA World Cup running, football fans the world over were becoming increasingly excite ...