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. 

但是，當我在郵遞員嘗試網址時，它按預期工作。推測郵差有一些默認設置，使這項工作。

無論如何，我試圖改變頭在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" 
    } 
    } 

沒有運氣。

我已經看到了網絡上的各種答案。有人說這是不可能的（但爲什麼郵差允許它？）。其他人則說這是最近webpack版本的問題。但我用舊的，問題依然存在。

當然有一種方法可以在Web應用程序中使用API​​。無論是與本地服務器和生產，沒有？否則，他們有什麼意義？

Answer 1

事實證明，這個api要求從https發送請求。

Answer 2

嘗試允許控制允許Origin chrome擴展名，並將其打開。如果這沒有幫助，他們可能你的API需要允許跨源請求。