跨域的简单的几种方式

总结：跨域几种解决方式。

 1.jsonp 支持get ，兼容性好

 

 

后台返回数据格式

 

 

 

 jquery 已经帮我们封装了，为啥只支持 get 请求 应为 script 是get 请求

 2.前段代理 自己解决

 3.Cros 高版本浏览器基本都支持 ie8 以上 支持get post 等 知道不是简单请求（可以自行百度，如：自定义请求头）都会发 option 预检 请求，

 这里 cros 也有很多方式 spring 也提供了 注解，我这里提供filter 方式

 

/**
 * @author lyc
 * @date 2018/9/29.
 */
@Component
public class CrosFilter implements Filter {

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        // TODO Auto-generated method stub

    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
        // TODO Auto-generated method stub

        HttpServletResponse res = (HttpServletResponse) response;

        HttpServletRequest req = (HttpServletRequest) request;

        String origin = req.getHeader("Origin");

        if (!org.springframework.util.StringUtils.isEmpty(origin)) {
            //带cookie的时候，origin必须是全匹配，不能使用*
            res.addHeader("Access-Control-Allow-Origin", origin);
        }

        res.addHeader("Access-Control-Allow-Methods", "*");

        String headers = req.getHeader("Access-Control-Request-Headers");

        // 支持所有自定义头
        if (!org.springframework.util.StringUtils.isEmpty(headers)) {
            res.addHeader("Access-Control-Allow-Headers", headers);
        }

        res.addHeader("Access-Control-Max-Age", "3600");

        // enable cookie
        res.addHeader("Access-Control-Allow-Credentials", "true");

        chain.doFilter(request, response);
    }

    @Override
    public void destroy() {
        // TODO Auto-generated method stub

    }

}