Webpack-dev-serverはCORSリクエストを許可していません

Question

この質問は以前に尋ねられましたが、答えが役に立たないことは知っています。

webpack-dev-serverを使用していて、JSONプレースホルダデータ（http://jsonplaceholder.typicode.com/）でCORSリクエストを試しても、問題なく動作します。しかし、実際のAPIで試してみると、うまくいきません。

... No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. 

ただし、私は郵便配達でURLを試しても、期待どおりに動作します。おそらく、Postmanにはこの作業を行ういくつかのデフォルト設定があります。

とにかく、私は次のようにwebpack.config.jsのヘッダーを変更しよう：

devServer: { 
    historyApiFallback: true, 
    contentBase: './', 
    headers: { 
     "Access-Control-Allow-Origin": "*", 
     "Access-Control-Allow-Methods": "GET", 
     "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization" 
    } 
    } 

ありません運を。

私はウェブ上であらゆる種類の回答を見ました。そうすることは不可能だと言う人もいます（しかし、なぜPostmanはそれを許していますか？）。最近のwebpackのバージョンでは問題があるとの意見もあります。しかし、私は古いものを使用し、問題は残っています。

確かに、WebアプリケーションでAPIを使用する方法があります。ローカルサーバーとプロダクションの両方で、いいえ？そうでなければ、彼らのポイントは何ですか？

Answer 1

このapiは、要求がhttpsから送信される必要があることが判明しました。

Answer 2

を試してみるコントロールを許可する原点のクロム拡張を許可して、オンにする。それが助けにならない場合は、apiがクロスオリジン要求を許可する必要があるかもしれません。