springboot允许跨域访问的几种方式

一、方案:

1. 服务端设置Respone Header头中Access-Control-Allow-Origin
2. 配合前台使用jsonp
3. 继承WebMvcConfigurerAdapter 添加配置类

二、实例

1、在过滤器中设置响应头(服务端设置Respone Header头中Access-Control-Allow-Origin)

@Component
public class CorsFilter implements Filter {
 
    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
 
        HttpServletRequest reqs = (HttpServletRequest) req;
 
        // response.setHeader("Access-Control-Allow-Origin",reqs.getHeader("Origin"));
        response.setHeader("Access-Control-Allow-Origin","*");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, PATCH, DELETE, PUT");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
        chain.doFilter(req, res);
    }
 
    @Override
    public void init(FilterConfig filterConfig) {}
 
    @Override
    public void destroy() {}
}

2、 jQuery + AJAX + JSONP跨域访问详解

js跨域的解决方案有多种，其中最常见的是使用同一服务器下的代理来获取远端数据，再通过js进行读取，而在这期间经过了两次请求过程，使得获取数据的效率大大降低，这篇文章就为大家介绍一下解决跨域问题的一种比较通用的方案——JSONP。

什么是JSONP？

        JSONP（json with padding）是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。JSONP是为了解决ajax跨域发送http请求出现的，利用Script标签的特性跨域。浏览器由于安全考虑，在编写ajax程序时，httprequest/xmlhttp都不能发送非本域的http请求，是被浏览器所禁止的，所以ajax本身是无法跨域的。

什么是跨域？

        当两个域具有相同的协议(如http)，相同的端口(如80)，相同的host（如www.baidu.com)，那么我们就可以认为它们是相同的域（协议，域名，端口都必须相同）。跨域就指着协议，域名，端口不一致，出于安全考虑，跨域的资源之间是无法交互的(例如一般情况跨域的JavaScript无法交互，当然有很多解决跨域的方案)，下面为大家介绍一个案例。

一、前端

二、服务端

3、对SpringBoot进行配置CORS全局配置-实现WebMvcConfigurer

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Bean
    public WebMvcConfigurer corsConfigurer()
    {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**").
                        allowedOrigins("https://www.dustyblog.cn"). //允许跨域的域名，可以用*表示允许任何域名使用
                        allowedMethods("*"). //允许任何方法（post、get等）
		                allowedHeaders("*"). //允许任何请求头
                        allowCredentials(true). //带上cookie信息
                        exposedHeaders(HttpHeaders.SET_COOKIE).maxAge(3600L); //maxAge(3600)表明在3600秒内，不需要再发送预检验请求，可以缓存该结果
            }
        };
    }
}

4.在Controller上使用@CrossOrigin注解

@RequestMapping("/demo2")
@RestController
//@CrossOrigin //所有域名均可访问该类下所有接口
@CrossOrigin("https://blog.csdn.net") // 只有指定域名可以访问该类下所有接口
public class CorsTest2Controller {

    @GetMapping("/sayHello")
    public String sayHello() {
        return "hello world --- 2";
    }
}