Socket.io: 요청의 자격 증명 모드가 '포함'인 경우 응답의 'Access-Control-Allow-Origin' 헤더 값은 와일드카드 '*'가 아니어야 합니다. 따라서 Origin 'http://localhost:3000'은 액세스가 허용되지 않습니다. XMLHttpRequest에 의해 시작된 요청의 자격 증명 모드는 withCredentials 속성에 의해 제어됩니다.

모두들 안녕,
나는 socket.io를 처음 사용합니다. 내 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')}`);
});

그리고 Client React 앱의 다음 코드와 내 반응 앱은 포트 3000에서 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));

  }

이 코드를 사용하면 브라우저 콘솔에서 다음 오류가 발생합니다.
polling-xhr.js:263 GET http://127.0.0.1 :8848/socket.io/?EIO=3&transport=polling&t=MMT-4kl 405(허용되지 않는 방법)
http://127.0.0.1 로드 실패:8848/socket.io/?EIO=3&transport=polling&t=MMT-Aso: 응답의 'Access-Control-Allow-Origin' 헤더 값은 와일드카드가 아니어야 합니다. 요청의 자격 증명 모드가 '포함'인 경우 '*'입니다. 따라서 Origin ' http://localhost :3000'은 액세스가 허용되지 않습니다. XMLHttpRequest에 의해 시작된 요청의 자격 증명 모드는 withCredentials 속성에 의해 제어됩니다.

누구든지이 문제를 도와주세요.