用於 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),{}))