要求が成功したにもかかわらずfetchの応答が空です

Question

fetch機能を使用して、クライアントサイドのJavascriptコードでサーバーからデータを取得しようとしています。そして、私はフェッチのpolyfillバージョンwhatwg-fetchをChromeで使用しています（内部でフェッチをサポートしています）。私はCORSのオプションを設定する必要がありましたので、あなたが自分のアプリケーション・サーバは、私のリソースサーバと同じではありません見ることができるように

//Called in a page loaded as http://localhost:3236/ 
fetch("http://localhost:8080/list", { 
     mode: 'no-cors', 
     credentials: "include", 
    }) 
    .then(function(response) { 
     return response.json(); 
    }); 

：ここ

は、私は関数を呼び出す方法です。それは私がパネルのネットワークと送信された要求を見つけるために、電源を入れたとき、それはすべての200のステータスと要求されたデータとOKらしいた場合にだ

{ 
    body: null, 
    bodyUsed: false, 
    headers: Headers, 
    ok: false, 
    status: 0, 
    statusText: "", 
    type: "opaque", 
    url: "", 
} 

：問題はresponseは何のコンテンツを持っていないことです。

問題の原因を確認するにはどうすればよいですか？

Answer 1

ヒントはopaqueキーにあります。リクエストは成功しましたが、ChromeのCORSの制限により、返されたデータの使用が妨げられています。 no-corsオプションは疑わしいです。サーバーがクロスオリジン要求に対して正しく構成されている必要はありません。

N.B.正しく設定してもクライアントをローカルでテストしているときにエラーが発生している場合は、--disable-web-securityフラグを付けてChromeを起動すれば十分です。