Webpack-dev-server不允许CORS请求。

Question

我知道这个问题以前已经被问过了，但是没有一个答案能够帮助到我。

我正在使用webpack-dev-server，并尝试使用JSON placeholder数据进行CORS请求（http://jsonplaceholder.typicode.com/），一切都没有问题。但是当我尝试使用真正的API时，它就无法工作。

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

然而，当我在Postman中尝试该URL时，它能正常工作。很可能是因为Postman具有一些默认设置，使其能够正常运行。

无论如何，我尝试在webpack.config.js文件中更改headers，如下所示：

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。无论是本地服务器还是生产环境，对吗？否则，它们有什么意义呢？

- anon

Answer 1

原来这个API需要从HTTPS发送请求。

- anon

Answer 2

尝试使用 Allow Control Allow Origin 谷歌扩展程序并打开它。如果这样不起作用，那么可能你的 API 需要允许跨域请求。

- Frederick Mfinanga