跨域问题与SpringBoot解决方案

本文涉及的产品
.cn 域名,1个 12个月
简介: 跨域问题与SpringBoot解决方案什么是跨域?定义:浏览器从一个域名的网页取请求另一个域名下的东西。通俗点说,浏览器直接从A域访问B域中的资源是不被允许的,如果想要访问,就需要进行一步操作,这操作就叫“跨域”。

跨域问题与SpringBoot解决方案
什么是跨域?
定义:浏览器从一个域名的网页取请求另一个域名下的东西。通俗点说,浏览器直接从A域访问B域中的资源是不被允许的,如果想要访问,就需要进行一步操作,这操作就叫“跨域”。例如,你从百度的页面,点击一个按钮,请求了新浪的一个接口,这就进行了跨域。不单单只有域名不同就是跨域,域名、端口、协议其一不同就是不同的域,请求资源需要跨域。

为什么要跨域?
为什么需要跨域,而不直接访问其他域下的资源呢?这是浏览器的限制,专业点说叫浏览器同源策略限制。主要是为了安全考虑。现在的安全框架,一般请求的时候header中不是都存个token嘛,你要是用这个token去正常访问A域下的东西是没问题的,然后又去访问了B域,结果阴差阳错的还带着这个token,那么B域,或者说B网站是不是就可以拿着你的token去A域下做点什么呢,这就相当危险了。所以浏览器加上了所谓的浏览器同源策略限制。但是为了我们真的需要从A域下访问B的资源(正常访问),就需要用到跨域,跨越这个限制了。

SpringBoot解决跨域问题
SpringBoot可以基于Cors解决跨域问题,Cors是一种机制,告诉我们的后台,哪边(origin )来的请求可以访问服务器的数据。

全局配置
配置实例如下:

@Configuration
public class CorsConfig implements WebMvcConfigurer {

@Override
public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/**")
        .allowedOrigins("*")
        .allowCredentials(true)
        .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
        .maxAge(3600);
}

}

首先实现了WebMvcConfigurer 接口,WebMvcConfigurer 这个接口十分强大,里面还有很多可用的方法,在SpringBoot2.0里面可以解决WebMvcConfigurerAdapter曾经的部分任务。其中一个方法就是addCorsMappings(),是专门为开发人员解决跨域而诞生的接口。其中构造参数为CorsRegistry。

看下CorsRegistry源码,十分简单:

public class CorsRegistry {

private final List registrations = new ArrayList<>();

public CorsRegistration addMapping(String pathPattern) {

  CorsRegistration registration = new CorsRegistration(pathPattern);
  this.registrations.add(registration);
  return registration;

}

protected Map getCorsConfigurations() {

  Map<String, CorsConfiguration> configs = new LinkedHashMap<>(this.registrations.size());
  for (CorsRegistration registration : this.registrations) {
     configs.put(registration.getPathPattern(), registration.getCorsConfiguration());
  }
  return configs;

}

}

可以看出CorsRegistry 有个属性registrations ,按道理可以根据不同的项目路径进行定制访问行为,但是我们示例直接将pathPattern 设置为 /**,也就是说已覆盖项目所有路径,只需要创建一个CorsRegistration就好。getCorsConfigurations(),这个方法是获取所有CorsConfiguration的Map集合,key值为传入路径pathPattern。
回到示例代码CorsConfig中,registry对象addMapping()增加完传入路径pathPattern之后,return了一个CorsRegistration对象,是进行更多的配置,看一下CorsRegistration的代码,看看我们能配些什么?

public class CorsRegistration {

//传入的路径

private final String pathPattern;

//配置信息实体类

private final CorsConfiguration config;

//构造方法

public CorsRegistration(String pathPattern) {

  this.pathPattern = pathPattern;
  //原生注释看到了一个 @CrossOrigin 这个注解,待会看看是什么
  // Same implicit default values as the @CrossOrigin annotation + allows simple methods
  this.config = new CorsConfiguration().applyPermitDefaultValues();

}

//允许哪些源网站访问,默认所有

public CorsRegistration allowedOrigins(String... origins) {

  this.config.setAllowedOrigins(Arrays.asList(origins));
  return this;

}

//允许何种方式访问,默认简单方式,即:GET,HEAD,POST

public CorsRegistration allowedMethods(String... methods) {

  this.config.setAllowedMethods(Arrays.asList(methods));
  return this;

}

//设置访问header,默认所有

public CorsRegistration allowedHeaders(String... headers) {

  this.config.setAllowedHeaders(Arrays.asList(headers));
  return this;

}

//设置response headers,默认没有(什么都不设置)

public CorsRegistration exposedHeaders(String... headers) {

  this.config.setExposedHeaders(Arrays.asList(headers));
  return this;

}

//是否浏览器应该发送credentials,例如cookies Access-Control-Allow-Credentials

public CorsRegistration allowCredentials(boolean allowCredentials) {

  this.config.setAllowCredentials(allowCredentials);
  return this;

}

//设置等待时间,默认1800秒

public CorsRegistration maxAge(long maxAge) {

  this.config.setMaxAge(maxAge);
  return this;

}

protected String getPathPattern() {

  return this.pathPattern;

}

protected CorsConfiguration getCorsConfiguration() {

  return this.config;

}

}

局部配置
刚才遇到一个@CrossOrigin这个注解,看看它是干什么的?

@Target({ ElementType.METHOD, ElementType.TYPE })
@Retention(RetentionPolicy.RUNTIME)
@Documented
public @interface CrossOrigin {

/* @deprecated as of Spring 5.0, in favor of {@link CorsConfiguration#applyPermitDefaultValues} /
@Deprecated
String[] DEFAULT_ORIGINS = { "*" };

/* @deprecated as of Spring 5.0, in favor of {@link CorsConfiguration#applyPermitDefaultValues} /
@Deprecated
String[] DEFAULT_ALLOWED_HEADERS = { "*" };

/* @deprecated as of Spring 5.0, in favor of {@link CorsConfiguration#applyPermitDefaultValues} /
@Deprecated
boolean DEFAULT_ALLOW_CREDENTIALS = false;

/* @deprecated as of Spring 5.0, in favor of {@link CorsConfiguration#applyPermitDefaultValues} /
@Deprecated
long DEFAULT_MAX_AGE = 1800

/**

* Alias for {@link #origins}.
*/

@AliasFor("origins")
String[] value() default {};

@AliasFor("value")
String[] origins() default {};

String[] allowedHeaders() default {};

String[] exposedHeaders() default {};

RequestMethod[] methods() default {};

String allowCredentials() default "";

long maxAge() default -1;
}

这个注解可以作用于方法或者类上,实现局部跨域,你会发现除了设置路径(因为没必要了,都定位到局部了)其他的参数与全局类似。

小结
SpringBoot可以基于Cors解决跨域问题,可以设置全局跨域,也可以实现局部跨域,灵活配置方便使用。

作者:Java_No2
来源:CSDN
原文:https://blog.csdn.net/Java_No2/article/details/91612669
版权声明:本文为博主原创文章,转载请附上博文链接!

相关文章
|
8月前
|
人工智能 JSON 前端开发
Spring Boot解决跨域问题方法汇总
Spring Boot解决跨域问题方法汇总
|
8月前
|
Java
Springboot文件下载跨域问题解决方案
Springboot文件下载跨域问题解决方案
|
2月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
1月前
|
安全 Java 应用服务中间件
SpringBoot:CORS是什么?SpringBoot如何解决跨域问题?
CORS是Web开发中常见且重要的机制,SpringBoot通过提供注解、全局配置和过滤器等多种方式来解决跨域问题。选择适合的方式可以帮助开发者轻松处理跨域请求,提高应用的灵活性和安全性。
133 2
|
2月前
|
前端开发 安全 Java
springboot解决跨域问题
跨域问题指前端调用与后端接口不在同一域名或端口时产生的安全限制。本文介绍两种在Spring Boot中解决跨域问题的方法:一是通过配置CorsFilter,二是实现WebMvcConfigurer接口。配置完成后重启项目即可生效。作者:博笙困了。来源:稀土掘金。
|
2月前
|
安全 JavaScript Java
SpringBoot解决跨域最佳实践
本文介绍了跨域问题的起因及最佳实践,重点讲解了SpringBoot中如何利用`CorsFilter`解决跨域问题。首先解释了由于浏览器的同源策略限制导致的跨域现象,然后提出了在服务端入口处解决跨域问题的建议,最后详细展示了三种SpringBoot中配置跨域的方法:使用默认配置、自定义配置规则以及通过配置文件管理跨域设置,以适应不同的应用场景。
|
2月前
|
前端开发 安全 JavaScript
SpringBoot 如何解决跨域问题?
本文深入探讨了Spring Boot解决跨域问题的方法,包括全局配置CORS、使用@CrossOrigin注解和自定义过滤器,提供了详细的代码示例和分析,帮助开发者有效应对Web开发中的跨域挑战。
109 4
|
3月前
|
JavaScript 前端开发 Java
解决跨域问题大集合:vue-cli项目 和 java/springboot(6种方式) 两端解决(完美解决)
这篇文章详细介绍了如何在前端Vue项目和后端Spring Boot项目中通过多种方式解决跨域问题。
436 1
解决跨域问题大集合:vue-cli项目 和 java/springboot(6种方式) 两端解决(完美解决)
|
7月前
|
前端开发 安全 JavaScript
Spring Boot2 系列教程(十四)CORS 解决跨域问题
Spring Boot2 系列教程(十四)CORS 解决跨域问题
|
3月前
|
Java 数据库连接 API
springBoot:后端解决跨域&Mybatis-Plus&SwaggerUI&代码生成器 (四)
本文介绍了后端解决跨域问题的方法及Mybatis-Plus的配置与使用。首先通过创建`CorsConfig`类并设置相关参数来实现跨域请求处理。接着,详细描述了如何引入Mybatis-Plus插件,包括配置`MybatisPlusConfig`类、定义Mapper接口以及Service层。此外,还展示了如何配置分页查询功能,并引入SwaggerUI进行API文档生成。最后,提供了代码生成器的配置示例,帮助快速生成项目所需的基础代码。
264 1