在codeigniter中启用cors（restserver by@chriskacerguis）

Question

http。当我的客户端应用程序和api位于localhost中时，agularJs控制器中的get请求工作正常。当api移动到服务器时。，问题出现了。

使用angularJs的客户端

$http.get('http://domain.com/api/spots/2/0').success(function(datas){
console.log(datas);
});

日志给出：跨源请求被阻止：同源策略不允许读取远程资源http://domain.com/api/spots/2/0.这可以通过将资源移动到同一域或启用CORS来解决。

我已经将这两行添加到我的控制器构造中

header("Access-Control-Allow-Origin: *");

header("Access-Control-Allow-Methods: GET");

还是一样的错误。

Answer 1

我在控制器类中添加了以下构造函数

public function __construct($config = 'rest')
{
    header('Access-Control-Allow-Origin: *');
    header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
    parent::__construct();
}

Answer 2

如果其他人面临此问题，请在rest中启用CORS。Codeigniter REST控制器的php文件为我工作。这里的评论中也清楚地记录了这一点https://github.com/chriskacerguis/codeigniter-restserver/blob/master/application/config/rest.php

//Change this to TRUE
$config['check_cors'] = TRUE;

//No change here
$config['allowed_cors_headers'] = [
  'Origin',
  'X-Requested-With',
  'Content-Type',
  'Accept',
  'Access-Control-Request-Method',
  'Authorization',
];

//No change here
$config['allowed_cors_methods'] = [
  'GET',
  'POST',
  'OPTIONS',
  'PUT',
  'PATCH',
  'DELETE'
];

//Set to TRUE to enable Cross-Origin Resource Sharing (CORS) from any source domain
$config['allow_any_cors_domain'] = TRUE;


//Used if $config['check_cors'] is set to TRUE and $config['allow_any_cors_domain'] is set to FALSE. 
//Set all the allowable domains within the array
//e.g. $config['allowed_origins'] =['http://www.example.com','https://spa.example.com']

$config['allowed_cors_origins'] = [];

Answer 3

尝试将选项添加到允许的方法中。

header("Access-Control-Allow-Methods: GET, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type, Content-Length, Accept-Encoding");

一旦设置了头，当请求为“选项”时立即返回。

if ( "OPTIONS" === $_SERVER['REQUEST_METHOD'] ) {
    die();
}

请参见此答案。

Angular发送符合W3C CORS规范的飞行前请求，该请求将在实际尝试之前检查允许的正确方法。

就我个人而言，我觉得Mozilla开发者网络CORS页面更容易阅读，有助于理解CORS的流程。