Cors解决跨域问题

左手的ㄟ右手 2021-09-02 03:02 573阅读 0赞

### Cors解决跨域问题 ###

*  前言
 *  代码实现

# 前言 #

最近因为项目需求,自己搭建了一个SpringBoot 的前后端分离项目,结果在和前端对接的时候遇到跨域问题,自己在网上找了好多都没解决,先将自己的解决案例展示出来,欢迎大家入坑.

# 代码实现 #

/**
     * @ClassName CorsFilterConfig
     * @Description DOTO
     * @Author fyh
     * Date 2020/8/2910:52
     */
    @Component
    public class CorsFilterConfig implements Filter {
    
        @Override
        public void init(FilterConfig filterConfig) throws ServletException {
        }
    
        @Override
        public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
    
            HttpServletResponse response = (HttpServletResponse) res;
            HttpServletRequest request = (HttpServletRequest) req;
            response.setHeader("x-frame-options", "SAMEORIGIN");
            // 不使用*，自动适配跨域域名，避免携带Cookie时失效
            String origin = request.getHeader("Origin");
            if (StringUtils.isNotBlank(origin)) {
                response.setHeader("Access-Control-Allow-Origin", origin); }
            // 自适应所有自定义头
            String headers = request.getHeader("Access-Control-Request-Headers");
            if(StringUtils.isNotBlank(headers)) {
                response.setHeader("Access-Control-Allow-Headers", headers);
                response.setHeader("Access-Control-Expose-Headers", headers);
            }
            // 允许跨域的请求方法类型
            response.setHeader("Access-Control-Allow-Methods", "*");
            // 预检命令（OPTIONS）缓存时间，单位：秒
            response.setHeader("Access-Control-Max-Age", "3600");
            // 明确许可客户端发送Cookie，不允许删除字段即可
            response.setHeader("Access-Control-Allow-Credentials", "true");
            chain.doFilter(request, response);
        }
    
        @Override
        public void destroy() {
        }
    }