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

Posted 2023-03-04

【中文标题】用于 CORS 请求的 webpack-dev-server 配置

【英文标题】：webpack-dev-server config for CORS requests

【发布时间】：2018-12-19 22:35:07

【问题描述】：

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

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

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

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

【参考方案1】：

你试过CORS middleware吗？

npm i cors

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

// ...

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

【讨论】：

谢谢；我会调查一下。不过，这也需要“快递”，对吧？

对，'cors' 是 'express' 的中间件。