javascript - 以更简单的方式为多个域访问控制允许来源

Question

header('Access-Control-Allow-Origin: http://splash.example.com');
header('Access-Control-Allow-Credentials: true');

再次问好 Stackoverflow!

在我的网站上，我有一个 ajax 文件 ajax.php，我需要多个(子)域来访问它并发出请求。

问题是它适用于 splash.example.com 和 example.com 以及上面发布的解决方案，并且在请求中:

$.ajax({
    ...

    crossDomain: true,
    xhrFields: {
        withCredentials: true
    },

    ...
});

但是没有更简单的方法吗？因为现在它不适用于 www.example.com，即使使用上面发布的解决方案也是如此。

我试过将它放入我的 htaccess 中:

<IfModule mod_headers.c>
    Header add Access-Control-Allow-Origin "http://example.com"
    Header add Access-Control-Allow-Origin "http://www.example.com"
    Header add Access-Control-Allow-Origin "http://splash.example.com"
    Header set Access-Control-Allow-Credentials true
</IfModule>

但这并没有奏效。

你们能帮帮我吗？

Answer 1

首选方法是读取请求 header ，找到来源，然后在您的服务器端代码中进行检查。如果域被允许访问该页面，则在单​​个 Access-Control-Allow-Origin header 中发回原始域。

另一个优点:没有其他域用户会看到允许的域列表。每个用户只能看到他自己的域(如果允许)。