使用Reactjs時如何設定Cross-Origin-Opener-Policy

Question

如何解決在我的React應用程式中出現的「Cross-Origin-Opener-Policy策略將阻止window.closed呼叫」的錯誤？這個錯誤似乎與伺服器上設定的Cross-Origin-Opener-Policy（COOP）策略有關。我該如何處理這個錯誤，並確保我的React應用程式在遵守COOP策略限制的同時正常運作？ enter image description here

到目前為止，我搜尋了一下，了解到我需要設置 Cross-Origin-Opener-Policy: unsafe-none Cross-Origin-Opener-Policy: same-origin-allow-popups Cross-Origin-Opener-Policy: same-origin 但我不知道在哪裡和如何設置。

Answer 1

$ npm install cors

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

app.get('/products/:id', function (req, res, next) {
res.json({msg: 'This is CORS-enabled for all origins!'})
})

app.listen(80, function () {
console.log('CORS-enabled web server listening on port 80')
})

更多詳細資訊請參閱： https://www.npmjs.com/package/cors

#注意： CORS必須在執行API的伺服器上啟用。您無法在客戶端程式碼中啟用此功能。如果API支援CORS，則瀏覽器將發起請求