Webpack-dev-server 不允许 CORS 请求

Question

我知道以前有人问过这个问题，但 none 的答案很有帮助。

我正在使用 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.

然而，当我在 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 应用程序中使用 APIs。本地服务器和生产环境，不是吗？否则，他们有什么意义？

Answer 1

尝试允许控制允许 Origin chrome 扩展，并将其打开。如果这没有帮助，他们可能是您的 api 需要允许跨源请求。

Answer 2

原来这个api需要从https发送请求。

Webpack-dev-server 不允许 CORS 请求

Webpack-dev-server isn't allowing CORS request

get

http-headers

cors

webpack

webpack-dev-server