首页 > 其他分享 >Springboot处理跨域请求

Springboot处理跨域请求

时间:2022-12-07 20:33:50浏览次数:33  
标签:浏览器 请求 访问 跨域 CORS 允许 Springboot

Springboot中如何处理跨域请求

一.什么是跨域?

我们知道Url的一般格式:协议 + 域名(子域名 + 主域名) + 端口号 + 资源地址

比如:

https://www.itquanmingxing.cn:8080/users 是由https + www + itquanmingxing.cn + 8080 + users组成。

只要协议,子域名,主域名,端口号这四项组成部分中有一项不同,就可以认为是不同的域,不同的域之间互相访问资源,就被称之为跨域。

而我们的浏览器默认是不允许跨域请求的,因为它们都使用了同源策略,同源策略是由 Netscape 提出的一个著名的安全策略,它是浏览器最核心也最基本的安全功能,现在所有支持 JavaScript 的浏览器都会使用这个策略。

但是我们在实际开发中,由于各种原因又经常有跨域的需求,比如:现在的前端开发中都是前后端分离的开发模式,数据的获取并非同源;或者A网站是电子商务管理订单,B网站是进销存抓取订单信息后做发货;再比如做单点登录,在A网站登录后,跳转到B网站时不需要再输入用户名密码等。

所以我们怎么解决这个跨域访问的问题呢?

二 什么是CORS

解决跨域请求,主要有JSONP,iframe,window.name,CORS等方式。其中CORS方式是最常用的跨域实现方式,而且是对各种请求方法、各种数据请求类型都是完美支持的。

跨域资源共享(CORS,Cross-origin resource sharing) 是一种机制,它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时,资源会发起一个跨域 HTTP 请求。

原理:在服务器端设置允许跨域的请求头,从而实现跨域,服务器设置后前端通过正常的ajax请求即可。

三 Springboot中CORS的使用

CORS从具体的代码实现上来说比较方便,前端几乎不需要写任何代码就可以支持。主要是靠服务端进行配置。

CORS需要浏览器和服务器同时支持。目前所有浏览器都支持该功能,IE浏览器不能低于IE10。

整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。

因此,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨域通信。

3.1 创建两个springboot项目

为了方便,创建一个空的project,然后在空的project中创建两个module代表两个不同源的项目。

先创建空的工程:在这里插入图片描述

在这里插入图片描述

再创建两个module:

一个取名为provider(被访问的项目),添加web依赖,一个取名为consumer(发起访问的项目),添加web和thymeleaf依赖。

在这里插入图片描述

创建出来的项目结果如下:

在这里插入图片描述

3.2 添加测试代码

在provider项目中添加:

控制层方法:

在这里插入图片描述

在consumer项目中添加:

控制层方法和视图页中的ajax请求

在这里插入图片描述

在这里插入图片描述

修改consumer访问端口为8080:

在这里插入图片描述

3.3 启动项目测试

分别启动这两个项目

在这里插入图片描述

在这里插入图片描述

会发现由于同源策略的限制,请求无法发送成功。

3.4 使用CORS

好,那我们现在就使用 CORS 在前端代码不做任何修改的情况下,实现跨域。

在provider项目提供的方法上添加

@CrossOrigin(value = "http://localhost:8088")

在这里插入图片描述

重新启动项目访问:发现可以成功访问了。

在这里插入图片描述

按F12查看请求头信息,发现多了一个允许访问的域。

在这里插入图片描述

3.5 全局配置CORS

这个注解可以用在方法上,也可以用在Controller上,但如果每一个方法上都去加注解包括说每个Controller上都去加注解都很麻烦,我们可以通过全局配置一次性解决这个问题。

全局配置只需要在 SpringMVC 的配置类中重写 addCorsMappings 方法即可,方法上就不用加了,代码如下:

package com.example.provider.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;


@Configuration
public class ProviderMvcConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/**")// 项目中的所有接口都支持跨域
          .allowedOrigins("http://localhost:8088") //允许哪些域能访问我们的跨域资源
          .allowedMethods("*")//允许的访问方法"POST", "GET", "PUT", "OPTIONS", "DELETE"等
          .allowedHeaders("*");//允许所有的请求header访问,可以自定义设置任意请求头信息
    }
}
这里我们的ProviderMvcConfig配置类实现了WebMvcConfigurer接口并且重写了addCorsMappings方法,我们来简单介绍下我们的配置信息
addMapping:配置可以被跨域的路径,可以任意配置,可以具体到直接请求路径。
allowedOrigins:允许哪些域名可以访问我们的跨域资源,可以固定单条或者多条内容。
   如:allowedOrigins("http://www.baidu.com")只有百度可以访问我们的跨域资源。
      allowedOrigins("*")代表允许任意路径
allowedMethods:设置允许的请求方法类型访问该跨域资源服务器,如:POST、GET、PUT、OPTIONS、DELETE等。
allowedHeaders:允许所有的请求header访问,可以自定义设置任意请求头信息,如:"X-YYYY-TOKEN"
allowCredentials: 是否允许请求带有验证信息,用户是否可以发送、处理 cookie
maxAge(3600) 设置允许访问的时间

在这里插入图片描述

3.5 安全隐患。

置任意请求头信息,如:“X-YYYY-TOKEN”
allowCredentials: 是否允许请求带有验证信息,用户是否可以发送、处理 cookie
maxAge(3600) 设置允许访问的时间
``

3.5 安全隐患。

CORS 的工作过程是通过 Ajax 发送跨域请求,这个也有潜在的威胁存在,常见的就是 CSRF(Cross-site request forgery)跨站请求伪造。跨站请求伪造也被称为 one-click attack 或者 session riding,通常缩写为 CSRF 或者 XSRF,是一种挟制用户在当前已登录的 Web 应用程序上执行非本意的操作的攻击方法 。关于 CSRF 攻击的具体介绍和防御办法,我们在学习SpringSecurity(spring安全框架)后再具体讲解。

 

标签:浏览器,请求,访问,跨域,CORS,允许,Springboot
From: https://www.cnblogs.com/daimenglaoshi/p/16964463.html

相关文章

  • Agileboot 1.6.0 发布啦 - 一款致力于规范/精简/可维护 的Springboot + Vue3的快速开
    ⚡平台简介⚡AgileBoot是一套开源的全栈精简快速开发平台,毫无保留给个人及企业免费使用。本项目的目标是做一款精简可靠,代码风格优良,项目规范的小型开发脚手架。适合个人......
  • SpringBoot整合elasticsearch-rest-client实战
    前言很多人在Springboot项目中都已经习惯采用Spring家族封装的spring-data-elasticsearch来操作elasticsearch,而官方更推荐采用rest-client。今天给大家介绍下在springbo......
  • 给你的SpringBoot工程打的jar包瘦瘦身
    Springboot默认方式打包由于打的是全量依赖包(也称为fat包),不但打包慢,体积大,传输也慢,今天教大家给springboot瘦瘦身。背景现在微服务架构越来越流行,一个项目10多个基于sprin......
  • Postman(一): postman介绍和安装,发送带参数的GET请求
    Postman(1):postman的介绍和安装Postman的介绍Postman是一款谷歌开发的接口测试工具,使API的调试与测试更加便捷。它提供功能强大的WebAPI&HTTP请求调试。它能够发......
  • 用C#发送post请求,实现更改直播间标题[简单随笔]
    第一次发这样的网络数据包。记录一下。API参考https://github.com/SocialSisterYi/bilibili-API-collect/blob/master/live/manage.md做了很多尝试才成功,遇到最大的困......
  • Idea中1个springboot项目启动N份服务
    使用的idea版本是IntelliJIDEA2022.2.3(UltimateEdition)Build#IU-222.4345.14,builtonOctober5,2022 01  02  从服务ImApplication18081复制......
  • ASP.NET MVC中设置跨域
    ASP.NETMVC中设置跨域1、什么是跨域请求js禁止向不是当前域名的网站发起一次ajax请求,即使成功respone了数据,但是你的js仍然会报错。这是JS的同源策略限制,JS控制的并不是......
  • springboot不能识别controller中的接口地址原因汇总
    之前写一个模块的接口,定义好测通没问题发给同事,中间隔了两天加了些内容又测突然就报404找不到。在别的模块controller测试都能测通唯独这个测不通,见了鬼了。百度了好多原......
  • springboot+Elasticsearch 复杂查询
    以前没做过ES里面的查询,第一次接触还是走了点弯路的。就是这个字段你在ES都不用模糊查的话,就可以设置 type=FieldType.Keyword,比如ID之类的。一:建ES存储的实体imp......
  • Java前后端请求Content-Type与接受方式
    1.GetGet方法没有请求体,所以加不加Content-Type没有意义。参数通过拼接到Url来加入url?key=value&key2=value2SpringMVC后台如何获取参数:Java后台通过Request的get......