クロスドメインAJAXリクエストが失敗しました

Question

クロスドメインのajaxリクエストを作成しようとしています。受信側でPHPヘッダーを設定してjQuery AJAXリクエストを設定しましたが、何らかの理由でページをリフレッシュし、私の研究からCORSによって引き起こされた503の応答コードで起点エラーが発生しました。

私はmydomin.co.uk

$.ajax({ 
 
    type: 'POST', 
 
    url: "//api.mydomain.co.uk/application/mp/basket", 
 
    crossDomain: true, 
 
    xhrFields:{withCredentials: true}, 
 
    data: {Route: "ItemCount"}, 
 
    success: function(data) { 
 
     $('.count').text(data); 
 
    } 
 
});

ためapi.mydomain.co.uk

header('Access-Control-Allow-Origin: https://mydomain.co.uk'); 
header('Access-Control-Allow-Credentials: true'); 
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS'); 

jQueryのためにここにHow do I send a cross-domain POST request via JavaScript?

ヘッダからいくつかの手順に従っています

ブラウザの応答

Answer 1

私は一度、この問題を持っていたし、私はこれによって解決は、私がアクセスしようとしたターゲットウェブサイトで.htaccessファイルを作成しました。

<IfModule mod_headers.c> 
    SetEnvIf Origin "http(s)?://(www\.)?(mydomain)$" AccessControlAllowOrigin=$0$1 
    Header add Access-Control-Allow-Origin * 
</IfModule> 

そのAN IF条件要求しているドメインはそれでmydomainを持っている場合、それはあなたがアクセスできるようになります。

Answer 2

CORSポリシーでは、送信できるヘッダーも指定する必要があります。

503は少し奇妙です。あなたは許可されたヘッダのリストにContent-Typeを設定する必要があると思います。 MDNによると、これら：https://developer.mozilla.org/en-US/docs/Glossary/simple_headerは、明示的に

header('Access-Control-Allow-Headers: Content-Type, etc'); 

Answer 3

それはいくつかのPleskのインストールはビットバギーあることが判明し、503エラーがproxy_fcgiのApacheプロセスから来て送信する必要はありません。ヘッダがあります。

このエラーを一時的に修正するには、Apache/Nginxが提供するFPMの代わりにFastCGIを使用するようにpleskでアプリケーションを設定する必要があります。