TIL - 210206 학습기

밤샘 후유증으로 낮에 일어났다ㅋㅋㅋㅋ
폐인모습으로 모각코에 들어갔는데 한분이 어제 했던 스프린트의 해결방법을 알아내셨다고 했다.
그래서 화공을 통해 알게되었고, 나도 다시 물어보면서 화공을 하며 방법을 알아냈다.

CORS 에러 해결법(npx serve client 실행시켰다고 가정했을때)

1. 포트를 5000번이 아닌 번호로 바꾼다.
2. 'Access-Control-Allow-Origin': '*'을 'http://localhost:5000'로 바꾼다.(그러면 포트가 5000만 허용하게됨)
3. App.js 파일에서 Content-Type을 text/plain으로 하게되면 preflight request가 발생하지 않는다.(preflight request를 하는 조건에 들어가지 않고 simple request 조건에 들어가서)
4. post부분의 fetch의 안에 들어가는 주소의 포트를 설정한 포트번호로 바꾼다.
5. 그렇기 때문에 Content-Type을 application/json으로 설정한다.
6. 크롬탭을 하나 띄어서 http://localhost:5000 접속하여 실험해보셈
7. index.html 브라우저에서 열어서 똑같이 실행해보셈
8. 그렇게 되면 index.html은 실행이 안되게 된다. (index.html은 포트를 3000으로 지정했기 때문에 막힘)

결론은 Allow된 포트 아니면 접속이 안된다!