在使用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，则浏览器将发起请求