[Node.js] Express CORS 이슈 해결 방법

Reading time ~1 minute

CORS란?

Frontend에서 주소가 다른 Backend API를 참조하려고 하면 나는 에러입니다.

localhost에서 테스트한 분들도 이런 이슈를 겪고 오셨을거라 생각합니다.

예) Frontend : localhost:3000, Backend : localhost:4000 // port가 다르므로 다른 주소로 인식.

보안 상의 이유로, 브라우저들은 스크립트 내에서 초기화되는 cross-origin HTTP 요청을 제한합니다 출처 : MDN HTTP 접근 제어 (CORS)

해결방법

모든 CORS 요청 허용

예제

const express = require('express')
const cors = require('cors')
const app = express()

app.use(cors());

참고

[한국어, EN] React Native import 환경 설정(import setting)

* [1. 프로젝트 구조(Project Structure)](#1-프로젝트-구조project-structure)* [2. 동작 안하는 예제(Not work example)](#2-동작-안하는-예제not-work-example)* [3. 동작 하는...… Continue reading