美文网首页SpringBoot之路Java程序员
Spring Boot 之路[6]--允许跨域请求

Spring Boot 之路[6]--允许跨域请求

作者: BeeNoisy | 来源:发表于2016-09-15 09:04 被阅读14610次

    阅读本文预计需要5分钟

    专题简介

    SpringBoot之路专题是一个记录本人在使用Spring和SpringBoot相关技术中所遇到的问题和要解决的问题。每用到一处知识点,就会把这处知识补充到Github一个对应的分支上。会以专题的方式,力争每一篇博客,由浅入深,把每个知识点讲解到实战级别,并且分析Spring源码。整个项目会以一个开发一个博客系统为最终目标,每一个分支都记录着一步一步搭建的过程。与大家分享,代码会同步发布到这里

    本节简介

    由于安全原因,浏览器都遵循着同源原则,拦截了不同域名之间的请求。跨域请求,是指能让不同域名之间,可以相互发送请求。下面是Mozilla的介绍:

    当它请求的一个资源是从一个与它本身提供的第一个资源的不同的域名时,一个资源会发起一个跨域HTTP请求(Cross-site HTTP request)。
    比如说,域名A ( http://domaina.example ) 的某 Web 应用程序中通过< img>标签引入了域名B( http://domainb.foo ) 站点的某图片资源(http://domainb.foo/image.jpg),域名A的那 Web 应用就会导致浏览器发起一个跨站 HTTP 请求。
    在当今的 Web 开发中,使用跨站 HTTP 请求加载各类资源(包括CSS、图片、JavaScript 脚本以及其它类资源),已经成为了一种普遍且流行的方式。
    正如大家所知,出于安全考虑,浏览器会限制脚本中发起的跨站请求。比如,使用 XMLHttpRequest
    对象发起 HTTP 请求就必须遵守同源策略。 具体而言,Web 应用程序能且只能使用 XMLHttpRequest
    对象向其加载的源域名发起 HTTP 请求,而不能向任何其它域名发起请求。为了能开发出更强大、更丰富、更安全的Web应用程序,开发人员渴望着在不丢失安全的前提下,Web 应用技术能越来越强大、越来越丰富。比如,可以使用 XMLHttpRequest
    发起跨站 HTTP 请求。(这段描述跨域不准确,跨域并非浏览器限制了发起跨站请求,而是跨站请求可以正常发起,但是返回结果被浏览器拦截了。最好的例子是CSRF跨站攻击原理,请求是发送到了后端服务器无论是否跨域!注意:有些浏览器不允许从HTTPS的域跨域访问HTTP,比如Chrome和Firefox,这些浏览器在请求还未发出的时候就会拦截请求,这是一个特例。
    引自:
    https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

    源码

    package com.beenoisy.springboot.way.common.config;
    
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.cors.CorsConfiguration;
    import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
    import org.springframework.web.filter.CorsFilter;
    
    @Configuration
    public class CorsConfig {
        private CorsConfiguration buildConfig() {
            CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.addAllowedOrigin("*"); // 1
            corsConfiguration.addAllowedHeader("*"); // 2
            corsConfiguration.addAllowedMethod("*"); // 3
            return corsConfiguration;
        }
    
        @Bean
        public CorsFilter corsFilter() {
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            source.registerCorsConfiguration("/**", buildConfig()); // 4
            return new CorsFilter(source);
        }
    }
    
    
    1. 允许任何域名使用
    2. 允许任何头
    3. 允许任何方法(post、get等)

    具体的可以查看w3c文档关于跨域请求的文档

    最后,源码放在这里:

    https://github.com/jacks808/spring-boot-way/tree/06-cors-config
    如果文章内容对你有帮助,欢迎在github上star或点赞。

    相关文章

      网友评论

      • 昵称已被使用_:我这里是用拦截器实现的.你这个更6
        import org.slf4j.Logger;
        import org.slf4j.LoggerFactory;

        import javax.ws.rs.container.ContainerRequestContext;
        import javax.ws.rs.container.ContainerResponseContext;
        import javax.ws.rs.container.ContainerResponseFilter;
        import javax.ws.rs.core.MultivaluedMap;
        import java.io.IOException;


        public class CorsResponseFilter implements ContainerResponseFilter {
        private static final Logger logger = LoggerFactory.getLogger(ApiExceptionMapper.class);

        @Override
        public void filter(ContainerRequestContext requestContext, ContainerResponseContext responseContext) throws IOException {
        if (logger.isDebugEnabled()) {
        logger.debug(">> adding CORS headers...");
        }
        MultivaluedMap<String, Object> headers = responseContext.getHeaders();

        headers.add("Access-Control-Allow-Origin", "*");
        //headers.add("Access-Control-Allow-Origin", "http://abcd.org&quot;); //allows CORS requests only coming from abcd.org
        headers.add("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT, OPTIONS");
        headers.add("Access-Control-Allow-Headers", "X-Requested-With, Content-Type, X-Codingpedia, Authorization");
        }
        }
        BeeNoisy:@小军617 👍
      • ffb85c45043a:有个问题哈,配置后,有一个multi的插件上传图片是时候还是报跨域访问,其他接口确不会。这是什么原因?而且无论用哪种方法,上传图片的时候都会报跨域访问。
        BeeNoisy:@ffb85c45043a 上传图片本质上和其他的请求没有任何的区别,其实现方式都是在postbody中放入具体的数据.

        你可以把具体的代码po上来,一起分析.

      本文标题:Spring Boot 之路[6]--允许跨域请求

      本文链接:https://www.haomeiwen.com/subject/ngnfettx.html