Comment définir la stratégie Cross-Origin-Opener-Policy lors de l'utilisation de Reactjs

Question

Comment résoudre l'erreur « La politique Cross-Origin-Opener-Policy empêchera l'appel window.closed » dans mon application React ? Cette erreur semble être liée à la stratégie COOP (Cross-Origin-Opener-Policy) définie sur le serveur. Comment puis-je gérer cette erreur et m'assurer que mon application React fonctionne correctement tout en respectant les restrictions de la politique COOP ? entrez la description de l'image ici

Jusqu'à présent, j'ai cherché et appris que je devais définir Cross-Origin-Opener-Policy : dangereux-aucun Cross-Origin-Opener-Policy : autorisations contextuelles de même origine Cross-Origin-Opener-Policy : même origine Mais je ne sais pas où et comment le mettre.

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')
})

Pour plus de détails, veuillez consulter : https://www.npmjs.com/package/cors

Attention : CORS必须在运行API的服务器上启用。您不能在客户端代码中启用此功能。如果API支持CORS，则浏览器将发起请求