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.

然而，当我在Postman中尝试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需要允许跨源请求。

Webpack-dev-server不允许CORS请求

2 个答案: