Socket.io: La valeur de l'en-tête 'Access-Control-Allow-Origin' dans la réponse ne doit pas être le caractère générique '*' lorsque le mode d'identification de la demande est 'include'. Origin 'http://localhost:3000' n'est donc pas autorisé à accéder. Le mode d'identification des demandes initiées par XMLHttpRequest est contrôlé par l'attribut withCredentials.

Bonjour à tous,
Je suis nouveau sur socket.io. J'ai le code suivant dans mon serveur NodeJs/Express

const http = require('http');
const socketIo = require('socket.io');
const app = express();
const server = http.createServer(app);
const io = socketIo(server);

io.on('connection', socket => {
  console.log('New client connected');
  socket.on('disconnect', () => console.log('Client disconnected'));
  socket.emit('FromAPI', 'hello');
});
//My port here is 8848
app.listen(app.get('port'), () => {
  logger.log('info', `Server started at :${app.get('port')}`);
});

Et le code suivant dans l'application Client React et mon application React sont hébergés sur le port 3000 en tant que http://localhost :3000

import socketIO from 'socket.io-client';
componentDidMount() {
    const endPoint = 'http://127.0.0.1:8848';
    const socket = socketIO(endPoint);
    socket.on('FromAPI', data => console.log(data));

  }

Avec ce code, j'ai l'erreur suivante sur la console du navigateur :
polling-xhr.js:263 GET http://127.0.0.1 :8848/socket.io/?EIO=3&transport=polling&t=MMT-4kl 405 (Méthode non autorisée)
Échec du chargement de http://127.0.0.1 :8848/socket.io/?EIO=3&transport=polling&t=MMT-Aso : la valeur de l'en-tête 'Access-Control-Allow-Origin' dans la réponse ne doit pas être le caractère générique '*' lorsque le mode d'identification de la demande est 'include'. L'accès à l'origine ' http://localhost :3000' n'est donc pas autorisé. Le mode d'identification des demandes initiées par XMLHttpRequest est contrôlé par l'attribut withCredentials.

Quelqu'un s'il vous plaît aidez-moi avec ce problème.