CORS

프론트엔드 개발을 하다 보면, 나는 로컬에서 개발하고 있는데, 백엔드 API는 실제 url을 접근하는 경우가 대부분이다. 즉, 현재 접근 중인 주소와 접근할 주소가 달라서 생긱는 문제이다. 이것을 CORS라고 한다.
CORS를 허용하는 방법은 크게 3가지이다. (지금은 2가지…)

1. 크롬 웹 스토어에서 CORS 앱 다운
   이 방법은 가장 많이 사용되고 쉽고 편한 방법이다. 나도 2주 전까지 이 방법을 사용했는데, 어느 순간 지원하지 않고 있다.
   
2. 크롬 브라우저를 CORS 허용
   크롬 브라우저를 열기 전 터미널을 열어 아래와 같이 입력해준다.
   open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security
   
3. npm CORS 모듈 사용
   server.js(또는 index.js)에 아래 코드와 install을 하면 된다.
   npm install cors
   

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

참고

open-chrome-browser
npm-cors