> 웹 프론트엔드 > JS 튜토리얼 > Node.js 애플리케이션용 Express.js에서 CORS를 활성화하는 방법은 무엇입니까?

Node.js 애플리케이션용 Express.js에서 CORS를 활성화하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-11-27 16:39:10
원래의
243명이 탐색했습니다.

How to Enable CORS in Express.js for Node.js Applications?

Node.js용 Express에서 CORS를 활성화하는 방법

Node.js용 Express에서 CORS(Cross-Origin Resource Sharing)를 활성화하려면 , cors 미들웨어를 사용할 수 있습니다. 이 미들웨어는 응답에 필요한 CORS 헤더를 추가하여 애플리케이션이 다른 도메인 또는 프로토콜과 통신할 수 있도록 합니다.

설치

다음을 사용하여 cors 미들웨어를 설치합니다. 명령:

npm install cors --save
로그인 후 복사

사용법

설치 후 cors 미들웨어를 요구하고 Express 앱에서 다음과 같이 사용합니다.

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

const app = express();
app.use(cors());
로그인 후 복사

이 미들웨어를 추가하면 모든 API 경로에 CORS 헤더가 자동으로 추가됩니다.

CORS 옵션 사용자 정의

cors() 미들웨어에 구성 객체를 전달하여 CORS 옵션을 사용자 정의할 수 있습니다. 예를 들어 모든 원본, 메서드 및 헤더에 대해 CORS를 활성화하려면 다음 구성을 사용할 수 있습니다.

app.use(cors({
  origin: '*',
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  allowedHeaders: 'Content-Type,Authorization',
}));
로그인 후 복사

실행 전 요청 활성화

일부 브라우저에서는 실제 요청을 보내기 전에 실행 전 요청을 수행합니다. 이를 처리하려면 CORS 구성에 preflightContinue 옵션을 추가할 수 있습니다.

app.use(cors({
  preflightContinue: true,
}));
로그인 후 복사

문제 해결

계속 CORS 문제가 발생하는 경우 서버가 적절한 CORS 헤더로 응답합니다. Postman이나 브라우저의 개발자 도구와 같은 도구를 사용하여 응답 헤더를 검사할 수 있습니다. 또한 클라이언트측 애플리케이션이 올바른 출처와 자격 증명을 보내고 있는지 확인하세요.

위 내용은 Node.js 애플리케이션용 Express.js에서 CORS를 활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿