设置Access-Control-Allow-Origin，解决多域名跨域问题

最新推荐文章于 2025-06-19 21:20:32 发布

原创最新推荐文章于 2025-06-19 21:20:32 发布 · 3.5w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#域名 #跨域

问题&小技巧专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种解决跨域问题的方法，通过设置多个可跨域的域名数组并根据请求头中的Origin来动态设置Access-Control-Allow-Origin。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置Access-Control-Allow-Origin，解决多域名跨域问题

项目中为了测试方便，通常将Access-Control-Allow-Origin设置为“*”，在项目上线时再改为真实域名。
方法简单粗暴！之后用到一个WangEditot富文本编辑器，上传图片需要确定具体的Access-Control-Allow-Origin，导致在测试图片上传功能时较为麻烦。

通过网上搜索，找到了解决方法：
1、设置多个可跨域域名数组
2、通过request的getHeader(“Origin”)获取origin
3、请求域名属于可跨域域名数组，将所取的orgin值设给Access-Control-Allow-Origin

// 跨域域名设置
public static final String[] ALLOW_DOMAIN = { "http://localhost:8000",
            "http://192.168.0.100" };

HttpServletRequest req = (HttpServletRequest) request;
HttpServletResponse res = (HttpServletResponse) response;
String originHeader = req.getHeader("Origin");
if (Arrays.asList(Constants.ALLOW_DOMAIN).contains(originHeader)) {
    res.setHeader("Access-Control-Allow-Origin", originHeader);
    res.setHeader("Allow", "*");
    res.setHeader("Access-Control-Allow-Methods",
            "POST, GET, PUT, DELETE, OPTIONS");
    res.setHeader(
            "Access-Control-Allow-Headers",
            "Origin, X-Requested-With, Content-Type, Accept, Referer, User-Agent, Authorization, X-Auth-Token");
res.setHeader("Access-Control-Max-Age", "3600");
    // 接收跨域的cookie
    res.setHeader("Access-Control-Allow-Credentials", "true");
    if ("IE".equals(req.getParameter("type"))) {
        ((HttpServletResponse) response).setHeader(
                "XDomainRequestAllowed", "1");
    }
    if (req.getMethod().toLowerCase().equals("options")) {
        res.setHeader("Content-type", "text/html");
        res.getWriter().write("options OK");
        return;
    }
}