nodejs 익스프레스 서버 응답에 여러 헤더를 설정하는 방법

저는 Dave Gray를 많이 존경합니다. 그는 세상에서 가장 위대한 YouTube 기술 제작자입니다. 저는 그의 프로젝트 기반 학습 방법을 정말 존경합니다.



이 튜토리얼은 그가 REST API를 생성하는 곳을 참조합니다.

어느 날 사이드 프로젝트의 일부로 MERN 스택 애플리케이션을 작업하고 있었는데 계속 이 오류가 발생했습니다.



얼마 후 해결책을 찾았습니다.

Node.js로 작업할 때 서버 응답에 헤더를 설정해야 합니다.

// middleware/credentials.js


const allowedOrigins = require("../config/allowedOrigins");

const credentials = (req, res, next) => {
    const origin = req.headers.origin;
    if (allowedOrigins.includes(origin)) {
        res.set({
            "Access-Control-Allow-Origin": origin, // ==> new header
            "Access-Control-Allow-Credentials": true
        })
    }
    next();
}

module.exports = credentials

헤더Access-Control-Allow-Origin가 없기 때문에 오류가 발생합니다. 이 헤더는 요청을 한 원본(호스트)이 서버의 리소스에 액세스할 수 있도록 허용합니다.

두 번째 헤더Access-Control-Allow-Credentials는 쿠키를 사용하여 서버에 요청할 때마다 사용됩니다.

여기에서 여러 헤더를 설정하는 방법을 배웠습니다post.

참조

difference between setHeader and header

요약

서버의 응답에 여러 헤더를 설정하는 방법을 보여주려고 했습니다.

감사합니다

, github 및