일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
Tags
- CI/CD
- async/await
- 타입 좁히기
- RTK Query
- map
- 공변성
- ESlint
- dfs
- Promise
- 리터럴 타입
- SSR
- webpack
- useAppDispatch
- app router
- 이분 검색
- 무한 스크롤
- CORS
- 태그된 유니온
- 호이스팅
- Jest
- TS
- 인터섹션
- tailwind
- React
- recoil
- Cypress
- autosize
- 투포인터
- 결정 알고리즘
- 반공변성
Archives
- Today
- Total
목록proxy (1)
짧은코딩
http-proxy-middleware 라이브러리(cors 에러)
대부분 개발을 하다보면 cors에러를 접해보게 될 것이다. 이 에러는 백엔드, 프론트엔드에서 모두 해결이 가능하다. 나는 프론트엔드에서 해결할 수 있는 방법을 소개하겠다. 하지만 이 방법은 proxy 방법이라 배포하면 백엔드쪽에서 cors에러를 잡아줘야 한다. proxy 브라우저에서 다른 도메인 서버로 요청을 보내면 cors 에러가 난다. 하지만 서버에서 서버로 보내면 cors 에러가 안난다. 이렇게 서버에서 서버로 보내는 것이 proxy이다. -경로 브라우저 -> 프론트 서버 -> 백엔드 서버 http-proxy-middleware 프론트엔드에서 cors 에러를 해결하기 위해서는 http-proxy-middleware 라이브러리를 사용하면 된다. 사용법 src 폴더에 setupProxy.js 파일을 만..
리액트
2023. 1. 3. 22:43