CORS 政策問題

Question

我在一個團隊中做一個客戶端 - 服務器應用程序。 我們在后端使用 Node.js (v12.18) 作為 API，在前端使用 React (v16.13)。 最近我發現了這個與 CORS 政策相關的錯誤。 我正在嘗試發送 POST 請求，刪除數據庫中的一個資源，當嘗試刪除它時，這是我得到的錯誤：

從源 'http://localhost:3000' 訪問 'http://localhost:8080/clientes/eliminar' 已被 CORS 策略阻止：對預檢請求的響應未通過訪問控制檢查：它沒有有 HTTP ok 狀態。

就我在論壇和討論中的研究而言，我總是找到相同的解決方案，即使用“Access-Control-Allow”標頭，但我們已經在使用它們。 我嘗試在執行請求時通過 DELETE 方法更改 POST 方法，但我發現了同樣的問題。

我們目前在后端使用的標頭，以防有人想知道我們有什么。

app.use(function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Credentials", "true");
    res.header("Access-Control-Allow-Methods", "GET, POST");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, token");
    next();
});

我為了解決這個問題訪問的網站是幾乎一樣的這一個

TYSM 直到這里閱讀並詢問您需要的更多信息。 每一份幫助都值得贊賞。

Answer 1

您是否已經嘗試將 CORS 添加到項目中並將其用作中間件？

//...

const cors = require('cors')

//...


app.use(cors())