[React] No 'Access-Control-Allow-Origin' header is present on the requested resource. 해결방법 / server socket 연결하기

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

No 'Access-Control-Allow-Origin' header ... 너무 화가 났다 맞는 방법 다 했는데도 같은 오류가 자꾸 떠서

 

 

결과로 바로 말하자면 클라이언트 쪽에 전송을 추가하면 된다고 한다.

 

const socket = io("localhost:5000", { transports: ["websocket"] });

 

 

---

[혼잣말]

 

구글링을 해보면  이 패키지를 설치하라고 하고

npm i cors

 

이것을 요구하라는 코드를 작성하라고 하는데

const cors = require('cors');
app.use(cors());

 

나는.. 예제를 보고 하는 입장이라 다 따라 했는데도 오류가 떠서 속상했다. 

 

구글링 하다가 클라이언트 측에 전송을 추가하라는 글을 보게 되었다.

 

const socket = io("localhost:5000", { transports: ["websocket"] });

 

처음에는 이거 해도 되지 않았다. 다른 오류들이 떴다.

 

nternal/modules/cjs/loader.js:883   throw err;

 

..........................................

[nodemon] app crashed - waiting for file changes before starting...

 

아마 내가 계속 시도해서 그런가... 구글링 해보니 다 삭제하고 설치하라는 글도 많았고...

 

npm link socket.io도 해보고 다 별걸 다 하다가 다시 껐다 켜고 반복하다 보니 갑자기 잘 실행돼서 당황스럽다.