So legen Sie die Cross-Origin-Opener-Policy fest, wenn Sie Reactjs verwenden

Question

Wie behebe ich den Fehler „Cross-Origin-Opener-Policy verhindert den Aufruf von window.closed“ in meiner React-App? Dieser Fehler scheint mit der auf dem Server festgelegten Cross-Origin-Opener-Policy (COOP)-Richtlinie zusammenzuhängen. Wie kann ich mit diesem Fehler umgehen und sicherstellen, dass meine React-App ordnungsgemäß ausgeführt wird und dabei die Einschränkungen der COOP-Richtlinie eingehalten werden? Geben Sie hier eine Bildbeschreibung ein

Bisher habe ich gesucht und erfahren, dass ich einstellen muss Cross-Origin-Opener-Policy: unsicher-none Cross-Origin-Opener-Policy: Popups mit gleichem Ursprung zulassen Cross-Origin-Opener-Policy: gleicher Ursprung Aber ich weiß nicht, wo und wie ich es einstellen soll.

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