Cara untuk menetapkan Polisi-Pembuka-Silang Asal apabila menggunakan Reactjs

Question

Bagaimanakah cara saya menyelesaikan ralat "Dasar-Dasar-Pembuka-Cross-Origin akan menghalang tetingkap.panggilan tertutup" dalam apl React saya? Ralat ini nampaknya berkaitan dengan dasar Cross-Origin-Opener-Policy (COOP) yang ditetapkan pada pelayan. Bagaimanakah saya boleh menangani ralat ini dan memastikan apl React saya berjalan dengan betul sambil mematuhi sekatan dasar COOP? masukkan penerangan imej di sini

Setakat ini saya telah mencari dan mengetahui bahawa saya perlu menetapkan Silang-Asal-Pembuka-Dasar: tidak selamat-tiada Dasar-Pembuka-Silang Asal: sama-asal-benarkan-pop timbul Silang-Asal-Pembuka-Dasar: sama-asal Tetapi saya tidak tahu di mana dan bagaimana untuk menetapkannya.

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

Untuk butiran lanjut sila lihat: https://www.npmjs.com/package/cors

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