骨干纤体PHP - 访问控制 - 允许 - 头 - 可以得到的信息，不能发布呢？(Backbone

我使用的骨干和修身的PHP框架。我想发布信息到我的API，但访问控制允许报头一直引起我的问题...

我的控制台上写着：

    OPTIONS http://api.barholla.com/user/auth 405 (Method Not Allowed) zepto.min.js:2
XMLHttpRequest cannot load http://api.barholla.com/user/auth. Request header field Content-Type is not allowed by Access-Control-Allow-Headers.

我的标题写着：

Request URL:http://api.barholla.com/user/auth
Request Method:OPTIONS
Status Code:405 Method Not Allowed
Request Headersview source
Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:origin, content-type, accept
Access-Control-Request-Method:POST
Connection:keep-alive
Host:api.barholla.com
Origin:http://localhost
Referer:http://localhost/barholla/app/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.94 Safari/537.4
Response Headersview source
Access-Control-Allow-Origin:*
Allow:POST
Connection:close
Content-Type:application/json
Date:Thu, 08 Nov 2012 16:12:32 GMT
Server:Apache
Transfer-Encoding:chunked
X-Powered-By:Slim
X-Powered-By:PleskLin

我在我的苗条index.php文件标题是：

$res = $app->response();
$res->header('Access-Control-Allow-Origin', '*');
$res->header("Access-Control-Allow-Methods: PUT, GET, POST, DELETE, OPTIONS");

为了处理后的数据：

$app->post('/user/auth', function () use ($app) {
//code here
});

在我的JavaScript（我使用的骨干框架）我的代码是：

 App.userAuth = new App.UserAuthModel({
  username: $('#username').val(),
  password: hex_md5($('#password').val())
});

App.userAuth.save({}, {
  success: function(model, resp) {
    console.log(resp);
  },
  error: function(model, response) {
    console.log(response);
  }
});

任何帮助将不胜感激，我已经被困在了好久了！

Answer 1:

我有一个类似的跨域POST问题（其实与除所有标头GET ）。以下解决它：

if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']) && (   
       $_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD'] == 'POST' || 
       $_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD'] == 'DELETE' || 
       $_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD'] == 'PUT' )) {
             header('Access-Control-Allow-Origin: *');
             header("Access-Control-Allow-Credentials: true"); 
             header('Access-Control-Allow-Headers: X-Requested-With');
             header('Access-Control-Allow-Headers: Content-Type');
             header('Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE, PUT'); // http://stackoverflow.com/a/7605119/578667
             header('Access-Control-Max-Age: 86400'); 
      }
  exit;
}

Answer 2:

在JavaScript客户端，你正在做一个OPTIONS请求/用户/权威性 ，但在你的PHP代码你只接受通过这个端点POST请求。

如果你希望你的API接受OPTIONS方法，你应该在你的代码是这样的：

$app->options('/user/auth', function () use ($app) {
    //code here
});

或者，如果你想处理在同一个函数的多个HTTP方法：

$app->map('/user/auth', function () use ($app) {
    if ($app->request()->isOptions()) {
        //handle options method
    }

    else if ($app->request()->isPost()) {
        //handle post method
    }
})->via('POST', 'OPTIONS');

请记住，OPTIONS方法，根据W3C ：

[...]表示用于关于由Request-URI所标识的请求/响应链提供的通信选项的信息的请求。这种方法允许客户机确定的选项和/或与资源相关联的要求，或者服务器的能力，但这并不意味着资源操作或者启动资源检索。

或者，只是改变你的客户端的代码，以使POST请求，而不是OPTIONS请求。它更容易且更有意义，比认证通过OPTIONS方法的用户。在zepto.js它会是这样的：

$.post('/user/auth', { foo: 'bar' }, function(response){ 
    console.log(response);
});

Answer 3:

你的选择要求应该是一个200返回一个空的响应。那么浏览器就会发出真实的POST请求。

也没有必要在添加选项Access-Control-Allow-Methods头。

它使用的认证看来，为什么不添加访问控制允许的凭证头了。

欲了解更多信息检查此代码可能会有所帮助。

Answer 4:

CorsSlim帮助了我。 https://github.com/palanik/CorsSlim

<?php 
$app = new \Slim\Slim();
$corsOptions = array("origin" => "*",
"exposeHeaders" => array("Content-Type", "X-Requested-With", "X-authentication", "X-client"),
"allowMethods" => array('GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'));
$cors = new \CorsSlim\CorsSlim($corsOptions);
$app->add($cors);

文章来源: Backbone & Slim PHP - Access-Control-Allow-Headers - Can GET information, can't POST it?