用于 CORS 请求的 webpack-dev-server 配置

Question

我正在尝试配置 React 开发环境以访问需要证书凭据才能访问的 https 端点。 当我在浏览器选项卡中点击端点时，我被要求提供我的证书，一旦提供，我就可以看到 JSON 数据。

我已经尝试了很多方法来让它工作，但除了 500 个失败的代理请求（通过 webpack-dev-server 的代理配置并尝试点击重写的端点）或 CORS 错误之外什么也没得到。 我已经尝试过获取请求、axios 请求等。

有没有人有关于如何在开发中有效处理这个问题的指南？ 代码一旦部署就会​​很好，因为它们都在同一个域中，但是在开发过程中从本地主机预览时令人沮丧。

除了 webpack-dev-server 之外，我还需要设置本地代理吗？

Answer 1

您是否尝试过CORS 中间件？

npm i cors

const cors = require('cors')
const app = express()
app.use(cors()) // <---

// ...

app.use(require('webpack-dev-middleware')(webpack(webpackConfig),{}))