Spring是如何实现跨域的几种方式?

喜欢ヅ旅行 2023-10-13 22:50 162阅读 0赞

## 1.同源策略 ##

所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）

## 2.什么是跨域 ##

既然都知道什么是同源策略，那说穿了，只要协议，主机，端口号有一个不同就跨域呗。

![image.png][]

![get_code_MTBhNGQ2NDMyNjAwZGEyNmI0ZWU5NWQ3N2JiNjVhZWIsMTY5MDE2NDUyMTQwNg][]

## 3.后端实现跨域的几种方法 ##

不要问我为什么没有nignx，因为写过了，这几种，我都没用过，就当了解，不是，正常人会用这几种吗?

1.  返回新的CorsFilter
2.  重写 WebMvcConfigurer
3.  使用注解 @CrossOrigin
4.  手动设置响应头 (HttpServletResponse)
5.  自定web filter 实现跨域 注意:

*  CorFilter / WebMvConfigurer / @CrossOriginspringBoot 1.3以后才支持的。
 *  上面前两种方式属于全局 CORS 配置，后两种属于局部 CORS配置。如果使用了局部跨域是会覆盖全局跨域。正常人都用局部跨域吧？
 *  其实无论哪种方案，最终目的都是修改响应头，向响应头中添加浏览器所要求的数据，进而实现跨域。

## 4.返回新的 CorsFilter(全局跨域)（基于过滤器） ##

CorsFilter 是 Spring 框架提供的一个用于处理跨域的过滤器，注意了，人家是属于spring的，不是JDK的，不要瞎搞关系

arduino复制代码// 原CORSFilter
    @Configuration
    public class CorsConfig {
        @Bean
        public CorsFilter  corsFilter() {
            CorsConfiguration config = new CorsConfiguration();
            // 允许cookies跨域
            config.setAllowCredentials(true); 
            // #允许向该服务器提交请求的URI，*表示全部允许，自定义可以添加多个，在SpringMVC中，如果设成*，会自动转成当前请求头中的Origin
            config.addAllowedOrigin("*");
            // #允许访问的头信息,*表示全部，可以添加多个
            config.addAllowedHeader("*");
            // 预检请求的缓存时间（秒），即在这个时间段里，对于相同的跨域请求不会再预检了
            config.setMaxAge(1800L);
            // 允许提交请求的方法，*表示全部允许，一般OPTIONS,GET,POST三个够了
            config.addAllowedMethod("*");
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            //对所有接口都有效
            source.registerCorsConfiguration("/**", config);
            return new CorsFilter(source);
        }
    }

## 5重写 WebMvcConfigurer我们现在需要对请求路径进行拦截，要实现这个需求就要添加拦截器（基于拦截器） ##

在Spring Boot 1.5版本都是靠重写**WebMvcConfigurerAdapter**的方法来添加自定义拦截器，消息转换器等。SpringBoot 2.0 后，该类被标记为@Deprecated（弃用）

**建议重点看看这篇博客**

跨域解决之CorsFilter与WebMvcConfigurer篇\_corsconfigurer\_雪莉酒的博客-CSDN博客

总结一波：\*\* 拦截器会让WebMvcConfigurer全局跨域配置失效，这种情况下可以使用过滤器进行跨域处理\*\*

## 6使用注解 @CrossOrigin ##

在控制器(类上)上使用注解 @CrossOrigin:表示该类的所有方法允许跨域 在方法上使用注解 @CrossOrigin:

原理：**当我们使用@CrossOrigin注解时，程序在底层添加了一个拦截器来修改response的headers属性，从而解决跨域问题**

![image.png][image.png 1]

![get_code_YzVjN2YwYWNiMWJmMDc3MzFlM2JiOTBlYTUyMDdmZGQsMTY5MDE2NDUyMTQwNg][]

## 7手动设置响应头 (HttpServletResponse) ##

typescript复制代码@RequestMapping("/index")
    public String index(HttpServletResponse response) {
        response.addHeader("Access-Allow-Control-Origin","*");
        return "index";
    }

有点抖机灵

## 8自定web filter 实现跨域 ##

java复制代码package com.mesnac.aop;
     
    import java.io.IOException;
    import javax.servlet.Filter;
    import javax.servlet.FilterChain;
    import javax.servlet.FilterConfig;
    import javax.servlet.ServletException;
    import javax.servlet.ServletRequest;
    import javax.servlet.ServletResponse;
    import javax.servlet.http.HttpServletResponse;
    import org.springframework.stereotype.Component;
    @Component
    public class MyCorsFilter implements Filter {
      public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with,content-type");
        chain.doFilter(req, res);
      }
      public void init(FilterConfig filterConfig) {}
      public void destroy() {}
    }

[image.png]: https://img-blog.csdnimg.cn/img_convert/642ecd896fdd439a5bf0444d521baed5.webp?x-oss-process=image/format,png
[get_code_MTBhNGQ2NDMyNjAwZGEyNmI0ZWU5NWQ3N2JiNjVhZWIsMTY5MDE2NDUyMTQwNg]: https://mp.toutiao.com/mp/agw/article_material/open_image/get?code=MTBhNGQ2NDMyNjAwZGEyNmI0ZWU5NWQ3N2JiNjVhZWIsMTY5MDE2NDUyMTQwNg==
[image.png 1]: https://img-blog.csdnimg.cn/img_convert/d33a57d1687deb3f4614b942af3e7570.webp?x-oss-process=image/format,png
[get_code_YzVjN2YwYWNiMWJmMDc3MzFlM2JiOTBlYTUyMDdmZGQsMTY5MDE2NDUyMTQwNg]: https://mp.toutiao.com/mp/agw/article_material/open_image/get?code=YzVjN2YwYWNiMWJmMDc3MzFlM2JiOTBlYTUyMDdmZGQsMTY5MDE2NDUyMTQwNg==