矩形跨域请求。我做错了什么？

Question

我的域sub.example.com 配置了restangular：

RestangularProvider.setDefaultHeaders({
    'Content-Type': 'application/json',
    'X-Requested-With': 'XMLHttpRequest'
});
RestangularProvider.setDefaultHttpFields({
    'withCredentials': true
});

然后我正在通过以下方式建造其他工厂：

return Restangular.withConfig(function(RestangularProvider) {
    RestangularProvider.setBaseUrl('http://api.example.com');
});

而且，显然，得到错误 请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://sub.example.com' 不允许访问。。我应该如何配置服务器/客户端以获取有效的跨域请求？

//更新

我在后端使用 Yii 并发送下一个标头
header('Access-Control-Allow-Origin: *', true);

Answer 1

我找到了解决办法。

首先，在使用凭据时 - 我们不能将 * 用于 Access-Control-Allow-Origin。 然后，XHR 发送应该处理好的 OPTIONS 请求并发送 CORS 头。

// scheme required, here can be multiple origins concatenated by space if using credentials
header('Access-Control-Allow-Origin: http://sub.example.com');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');
header('Access-Control-Allow-Headers: Accept, X-Requested-With');
// without credentials we can use * for origin
header('Access-Control-Allow-Credentials: true');
header('HTTP/1.1 200 OK', true);

那么我们就可以简单的使用跨域ajax请求了。