Spring Boot配合前端实现跨域的几种常见解决方案

最新推荐文章于 2024-10-10 09:56:32 发布

天工开物_152368

最新推荐文章于 2024-10-10 09:56:32 发布

阅读量1k

点赞数

分类专栏：后端

本文链接：https://blog.csdn.net/tiangongkaiwu152368/article/details/81102415

版权

后端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、方案:

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

二、实例

1、在过滤器中设置响应头

@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跨域访问详解：https://blog.csdn.net/tiangongkaiwu152368/article/details/81010818

3、对SpringBoot进行配置

@Configuration  
public class CorsConfig extends WebMvcConfigurerAdapter {  

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

}