リクエストヘッダフィールドプラグマは、プリフライト応じてアクセス制御 - 許可 - ヘッダにより

Question

を許可されていない私はアヤックス

angularApp.config(['appConfig', '$httpProvider', function (appConfig, $httpProvider) { 

if (!$httpProvider.defaults.headers.get) { 
    $httpProvider.defaults.headers.get = {}; 
} 

//disable IE ajax request caching 
$httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT'; 
$httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache'; 
$httpProvider.defaults.headers.get['Pragma'] = 'no-cache'; 

}]); 

のキャッシュを無効にするには、次のコードを維持しようとしていたとき、私はこのエラーを取得しています私は取得しています

リクエストヘッダーフィールドプリフライトレスポンスでAccess-Control-Allow-Headersによってプラグマが許可されていません。

しかし、次のコードを削除すると、正常に動作します。

$httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT'; 
$httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache'; 
$httpProvider.defaults.headers.get['Pragma'] = 'no-cache'; 

どのような問題が発生する可能性がありますか？

Answer 1

これらのヘッダーを受け入れるようにサーバー側で設定できる場合は、問題ありません。 そうでなければ、$ httpProvider.defaulstsで設定されているヘッダーを削除する必要があります。 下記のコードを確認してください：

var data = {} 
var httpCoonfig = { 
    headers: {'Pragma': undefined, 'Cache-Control': undefined, 'X-Requested-With': undefined, 'If-Modified-Since': undefined} 
}; 
$http.post('https://www.google.com/', data, httpCoonfig).then(function(response){ 
// console.log(response) 
}, function(response){ 
    console.log(response) 
});