ワードプレスapiでCORSを有効にする

Question

私のワードプレスのバックエンドにCORSを有効にするためのきれいな方法が必要です。多くの投稿は、ヘッダーをAPIのコードに追加することを提案していますが、WordPressのコアを編集することは、私がドッカーを使用しているので、とにかく私の設定にはうまくいかないでしょう。

私はそうのようなプラグインを書いてみました：

add_filter('wp_headers', array('send_cors_headers'), 11, 1); 
function send_cors_headers($headers) { 
     $headers['Access-Control-Allow-Origin'] = '*'; 
    return $headers; 
} 

しかし、私はまだ、次のエラーを取得していて、それだけで、全く何もしないようだ：

Failed to load http://localhost/wp-json/wp/v2/posts: Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response. 

Answer 1

あなたのクライアントサイドJavaScriptがリクエストにAccess-Control-Allow-Originヘッダーを設定しようとしています。

これは応答ヘッダーであり、要求ヘッダーではないため意味がありません。

これは、がプリフライトされたリクエストをトリガーしますが、サーバー側のコードは単純なリクエストのみを処理するように設定されています。

クライアントサイドJSを修正しました。