角2 Requestヘッダーフィールド許可は、プリフライト応答でAccess-Control-Allow-Headersで許可されていません。

Question

私はサーバーアプリケーションにcodeigniter REST APIを使用しています。そしてAngular2のクライアントは、私のREST APIに基本認証を与えました。 、私は、

$config['rest_auth'] = 'basic'; 

そして

$config['rest_valid_logins'] = ['uname' => 'pwd']; 

もCORSが、私はコードの下に使用しているチェックのためのよう

$config['check_cors'] = TRUE; 
$config['allowed_cors_headers'] = [ 
    'Origin', 
    'X-Requested-With', 
    'Content-Type', 
    'Accept', 
    'Access-Control-Request-Method' 
]; 
$config['allowed_cors_methods'] = [ 
    'GET', 
    'POST', 
    'OPTIONS', 
    'PUT', 
    'PATCH', 
    'DELETE' 
]; 
$config['allow_any_cors_domain'] = TRUE; 

を設定しているし、また、私は明示的に私の残りのコントローラでと試みた試してみました

header('Access-Control-Allow-Origin: *'); 
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS'); 
header('Access-Control-Allow-Headers: Content-Type, Content-Range, Content-Disposition, Content-Description'); 

コード：

私は郵便配達員と確認しても何の問題もなくうまくいきます。角度誤差とのチェックは、のようになると

XMLHttpRequest cannot load http://localhost:97/sencogold/index.php/Adminaccount_api/login_adminuser. Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response. 

場合、私はfalse残りauthおよび

$config['rest_auth'] = FALSE; 

APIのユーザー名とパスワードを確認することはせずにうまく機能しているAuthorizationヘッダを削除し、

角度で

this.headers = new Headers(); 
    //this.headers.append('Authorization', 'Basic ' + btoa('lmxretail:lmx@2017')); 
    this.headers.append('Content-Type', 'application/x-www-form-urlencoded'); 

私のAPIに認証を適用するのを手伝ってください。

Answer 1

プリフライトリクエストが成功するためには、サーバーコントローラは「Authorization」ヘッダーを有効とする必要があります。

Access-Control-Allow-Headers: Authorization, Content-Type, Content-Range, Content-Disposition, Content-Description

Answer 2

はCORSにAuthorizationが確認追加：あなたは他の許可のヘッダ値とともに「承認」キーを追加することによってそれを行うことができ、サーバー構成で

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