web-dev-qa-db-ja.com

CORS jQuery AJAXリクエスト

Ajaxリクエストで問題が発生しています。エラーが発生していました

No 'Access-Control-Allow-Origin' header is present on the requested resource.

私が試したのは、このjQuery ajaxリクエストです。

var request = $.ajax({
    type: 'GET',
    url: url,
    dataType: "json",
    xhrFields: {
        withCredentials: true
    }
});
request.done(function(data){
    console.log(data);
});

しかし、まだ機能していません。まだエラーが発生します。

どうすれば修正できますか？

jqueryajaxrequestcors
28
user6827

簡単です。最初にサーバーのHTTP応答ヘッダーを設定する必要があります。 問題は、フロントエンドのjavascriptコードにありません。このヘッダーを返す必要があります。

Access-Control-Allow-Origin:*

または

Access-Control-Allow-Origin:your domain

Apache config files では、コードは次のようになります。

Header set Access-Control-Allow-Origin "*"

Nodejsでは、コードは次のようになります。

res.setHeader('Access-Control-Allow-Origin','*');
50
yoyo