Cors(cross origin resource sharing)에러는 다른 도메인에서 오는 요청을 브라우저가 거부하기 때문에 생기는 문제로 백엔드에러가 아닌 프론트엔드 에러이다(같은 도메인이어도 프론트와 백의 포트번호가 다르기 때문에 브라우저는 이 둘을 아예 다른 도메인으로 인식한다).
브라우저에서 보내는 에러이기 때문에 postman에서는 해당 에러를 접하지 못하다가, 내 프로젝트에 백엔드와 프론트엔드를 서로 연결하는 작업을 할 때 에러를 보게 되었다.
node.js를 쓴다면,
app.js에서 아래 코드를 추가해준다.
// cors에러 해결
app.use((req, res, next) => {
res.setHeader(“Access-Control-Allow-Origin”, “*”); // *는 모든 도메인을 허용하겠다는 뜻, 나중에 원하는 도메인만 허용하고 싶다면 이 곳 코드를 수정해야 한다.
res.setHeader(
“Access-Control-Allow-Headers”,
“Origin, X-Requested-With, Content-Type, Accept, Authorization”
);
res.setHeader(“Access-Control-Allow-Methods”, “GET, POST, PATCH, DELETE”);
next();
});
[주의 사항]
*오탈자가 나면 안 된다.
*그리고 라우팅 코드 전에 코드가 와야 한다.
