SpringBoot整合WEB开发--(六)CROS支持
时间:2020-02-18
本文章向大家介绍SpringBoot整合WEB开发--(六)CROS支持,主要包括SpringBoot整合WEB开发--(六)CROS支持使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
简介:
CROS(Cross-Origin Resource Sharing)是由W3C制定的一种跨域资源共享技术标准,其目的为了解决前端的跨域请求,在JavaEE开发中,最常见的前端跨域请求解决方案是JSONP,但是JSONP只支持Get请求,但是CROS支持多种HTTP请求方法。
如果服务器支持CROS,服务器响应头有一个Access-Control-Allow-Origin字段,这个字段的值是用来记录访问改资源的域,当浏览器接收到这样的响应头信息后,取出Access-Control-Allow-Origin字段的值,发现包含当前页面所在的域,就知道这个跨域是被允许的,不在对其限制。
1.局部配置:
Controller:一个添加一个删除接口
@RestController @RequestMapping("/book") public class BookController { @PostMapping("/a") @CrossOrigin(value = "http://localhost:8081" ,maxAge = 1800,allowedHeaders = "*") public String addBook(String name) { return "receive:" + name; } @DeleteMapping("/{id}") @CrossOrigin(value = "http://localhost:8081" ,maxAge = 1800,allowedHeaders = "*") public String deleteBookById(@PathVariable Long id) { return String.valueOf(id); } }
@CrossOrigin(value = "http://localhost:8081" ,maxAge = 1800,allowedHeaders = "*")
其中value中表示支持的域,表示来自http://localhost:8081域的请求是支持跨域的,
maxAge表示探测请求的有效期(在发送DELETE,PUT请求或者有自定义头信息的请求在执行中,先发送探测请求,然后发送请求,探测请求有有效期,就是maxAge),默认1800秒
allowedHeaders表示允许的请求头,*表示都允许
2.全局配置:
需要自己写一个类实现WebMvcConfigurer 接口重写addCrosMappings方法,方法中
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") @CrossOrigin(value = "http://localhost:8081" ,maxAge = 1800,allowedHeaders = "*") public String addBook(String name) { return "receive:" + name; } @DeleteMapping("/{id}") @CrossOrigin(value = "http://localhost:8081" ,maxAge = 1800,allowedHeaders = "*") public String deleteBookById(@PathVariable Long id) { return String.valueOf(id); } }
可以请求到数据,跨域完成
原文地址:https://www.cnblogs.com/crazy-lc/p/12326486.html
- Spring Cloud(一)服务的注册与发现(Eureka)
- Shard 分片集群
- 面试官最爱的volatile关键字
- 玩转 WebView ,突破系统限制,让缓存更简单,更灵活
- Mycat 读写分离 数据库分库分表 中间件 安装部署,及简单使用
- 50道Java线程题
- Jrebel6.3.3破解,配置图文教程
- Spring Cloud(十一)高可用的分布式配置中心 Spring Cloud Bus 消息总线集成(RabbitMQ)
- Keras中带LSTM的多变量时间序列预测
- Spring Cloud(十)高可用的分布式配置中心 Spring Cloud Config 中使用 Refresh
- Hibernate 的性能优化的时候碰到了"抓取策略",有四种
- 基于 Spring Cloud 完整的微服务架构实战
- maven build时报错Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.12.4:test
- Spring Cloud(九)高可用的分布式配置中心 Spring Cloud Config 集成 Eureka 服务
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- MyVBA加载宏——添加自定义菜单03——功能分析
- MyVBA加载宏——添加自定义菜单02——给按钮添加单击事件
- 科研猫小课堂:敲黑板!竞争风险模型应该如何分析?
- 常用功能加载宏——快速定位合并单元格
- 常用功能加载宏——调用微信截图
- 常用功能加载宏——一维表转二维表
- OpenCV与图像处理(八)
- 类模块
- Netty入门篇
- 面试官:谈谈类加载器吧,你有没有看过类加载器的源码?
- 数据维度爆炸怎么办?详解5大常用的特征选择方法
- 给卷积神经网络动动刀:加法网络探究
- 用Python网络爬虫来看看最近电影院都有哪些上映的电影
- 使用 Azure Blob Stoage 实现一个静态文件服务器
- java学习--反射详解