# http-proxy-middleware

8개의 포스트

http-proxy-middleware 배포 시 배포 사이트 url로 먹는 오류

CORS로 인하여 proxy를 사용하여 CORS 정책을 우회하였지만 로컬에서는 제대로 데이터를 받아오는 걸 확인 후 배포한 사이트에는 api url 주소가 아닌 배포한 주소로 url로 변경되어 원하는 데이터를 받아오지 못하여 404 에러가 발생하였다.api 주소 htt

2023년 5월 4일
·
0개의 댓글
·

[Deploy] Proxy

1. CORS 정책이 필요한 이유 모든 브라우저는 기본적으로 SOP 정책을 사용하고 있음 SOP(Same-Origin Policy, 동일출처정책) : 스킴(프로토콜), 호스트(도메인), 포트가 모두 같아야 동일한 출처로 판단함. SOP 정책으로 인해 다른 출처의 리소스를 사용할 때 출처가 같지 않으면 CORS 에러가 발생하게 됨.(CORS 를 사용하면 접...

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

[CI/CD] Proxy : CORS 정책 우회하기

개발 과정에서 CORS 에러 상황을 피하기 위해 CORS 정책을 우회하는 기능React 앱(프론트엔드)이 브라우저로 요청 보냄브라우저는 백엔드(서버) 쪽으로 리소스 요청 & 접근 권한 있는지 (= 출처 같은지) 확인백엔드가 브라우저에 200 OK 응답 보냄브라우저는 받

2022년 12월 10일
·
0개의 댓글
·

Proxy

CORS 에러를 해결하는 정석적인 방법은 프론트엔드 개발자가 백엔드 개발자에게 프론트엔드 개발 서버 도메인을 허용해달라고 요청을 해야하고, 백엔드 개발자는 응답 헤더에 필요한 값들을 담아서 전달을 해줘야 합니다. proxy를 사용하게 되면 CORS 정책을 우회할 수 있

2022년 12월 8일
·
0개의 댓글
·
post-thumbnail

MysqlDB - 여섯번째 이야기

나는 이제 server and client 동시실행을 위해 concurrently를 사용할 예정이다.일단 concurrently를 사용하려면 어떻게 해야되는지 하나씩 알아보자concurrently를 모듈을 깔아보자npm install concurrently이렇게 모듈을

2022년 3월 14일
·
0개의 댓글
·
post-thumbnail

(React) React App에서 CORS 이슈 해결하기

CORS가 무엇인지, CORS 이슈를 어떻게 극복할지 알아보자

2022년 3월 4일
·
0개의 댓글
·
post-thumbnail

https Rest api 를 js로 통신하려면 proxy를 통해 cors 문제를 해결

저번주 https 사이트로부터 rest api 불러와야했다. 하지만 이전에는 rest api 를 사용할때 문제가 없었는데 https에서는 처음 불러와서 그런지 계속 cors 경고가 계속 되어 하루 정도 계속 찾아봤다. 이라와 같은 경고가 떴다. has been bl

2021년 9월 26일
·
0개의 댓글
·