Webpack-dev-server 不允许 CORS 请求答案

【问题标题】：Webpack-dev-server isn't allowing CORS requestWebpack-dev-server 不允许 CORS 请求
【发布时间】：2016-03-29 23:42:57
【问题描述】：

我知道以前有人问过这个问题，但没有一个答案有帮助。

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

运气不好。

我在网上看到了各种各样的答案。有人说这是不可能的（但邮递员为什么允许呢？）。其他人说这是最近的 webpack 版本的问题。但我用的是旧的，问题仍然存在。

肯定有一种方法可以在网络应用程序中使用 API。使用本地服务器和生产，不是吗？否则，它们的意义何在？

【问题讨论】：

标签： get http-headers cors webpack webpack-dev-server

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：