简介：

　　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. 浅谈background的用法

    div css 背景样式background属性 一.语法及参数 1.语法:background : background-color(颜色) || background-image(图片地址) || ...

  2. FIB表与RIB表的区别与联系

    RIB (route information base) 和 FIB (forwarding information base),又称Ip路由表 和 CEF表,它们之间的关系可以用下面这张图片来高度概 ...

  3. idea将普通项目转换为maven项目

    方式一 1.在项目根目录下,新建文件 pom.xml,并填写好内容. 2.在pom.xml文件上,右键 Add as Maven Project 或 在项目上,右键 Add Framework Sup ...

  4. C#设计模式学习笔记：(2)工厂方法模式

    本笔记摘抄自:https://www.cnblogs.com/PatrickLiu/p/7567880.html,记录一下学习过程以备后续查用. 一.引言 接上一篇C#设计模式学习笔记:简单工厂模式( ...

  5. HTML5文档类型如何定义，有哪些标签，以及如何使用，从整体认识HTML5

    html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 foot ...

  6. .net core 中如何读取 appsettings.json 相关配置

    appsettings.json如下 { "Logging": { "LogLevel": { "Default": "Debug ...

  7. 如何开发自己的第一个 Serverless Component

    前言 上一篇 基于 Serverless Component 的全栈解决方案 介绍 Serverless Component 是什么和如何使用 Serverless Component 开发一个全栈应 ...

  8. Python3标准库：collections容器数据类型

    1. collections容器数据类型 collections模块包含除内置类型list.dict和tuple以外的其他容器数据类型. 1.1 ChainMap搜索多个字典 ChainMap类管理一 ...

  9. swiper快速切换插件（两个综合案例源码）

    swiper快速切换插件 swiper.js自己去官网下载哈.先来一个tab切换案例: demo.html <!doctype html> <html> <head> ...

  10. 【spring boot】SpringBoot初学（1） - Hello World

    前言 此文只是记录自己简单学习spring boot的笔记.所以,文章很多只是初步理解,可能存在严重错误. 一.Spring boot的初步理解 1.spring boot的目标 (摘自:spring ...