250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 즉시로딩
- SQL프로그래밍
- CHECK OPTION
- FetchType
- eager
- 동적sql
- dfs
- execute
- 연관관계
- exclusive lock
- 이진탐색
- BOJ
- 스토어드 프로시저
- 연결리스트
- shared lock
- 다대다
- 일대다
- 힙
- querydsl
- 비관적락
- 지연로딩
- JPQL
- 백트래킹
- 데코레이터
- fetch
- 다대일
- 낙관적락
- 유니크제약조건
- 스프링 폼
- PS
Archives
- Today
- Total
흰 스타렉스에서 내가 내리지
CORS 본문
728x90
CORS (Cross-Origin Resource Sharing)
클라이언트와 서버의 도메인이 일치하지 않으면, 기본적으로 요청이 차단된다.
클라이언트에서 서버로 요청을 보낼 때만 발생하고, 서버에서 서버로 요청을 보낼 때는 발생하지 않는다.
cors 문제를 해결하기 위해서는 응답헤더에 Access-Control-Allow-Origin 헤더를 넣어야 한다.
클라이언트 도메인의 요청을 허락하겠다는 의미를 담고 있다.
express 에서는 cors라는 npm 패키지를 사용하면 된다.
cors 문제를 해결하는 또 다른 방법으로는 프록시 서버를 이용하는 것이다.
서버에서 서버로 요청을 보낼 때는 cors 문제가 발생하지 않는 다는 것을 이용한 것이다.
브라우저와 도메인이 같은 서버를 만든 후, 브라우저에는 API 서버 대신 프록시 서버에 요청을 보낸다.
프록시 서버가 API 서버로부터 응답을 받아 브라우저로 전달해준다.
http-proxy-middleware 라는 npm 패키지를 사용하면 되겠다.
'web.etc' 카테고리의 다른 글
세션 저장소로 데이터베이스 사용하기 (0) | 2023.01.18 |
---|---|
pythonanywhere - 배포하기 (0) | 2022.06.09 |
맥에서 프로세스 종료하기 (포트 닫기) (0) | 2022.05.17 |
[JS] 객체 축약 표현(?) 쓸 때 주의할 점..ㅠㅠ (0) | 2022.04.10 |
CSR, SSR, SSG (0) | 2022.01.27 |