proxy 설정시
안녕하세요 proxy 동작에 대해 궁금해서 질문드립니다.
원래는 8080 -> 8081로 요청해서 CORS 에러가 나지만 위와같이 설정하게 되면 요청은 프록시 서버로 가고 프록시 서버가 8081로 위장해서 서버로부터 데이터를 받아와서 웹팩 데브 서버에게 전달해주는 구조인건가요??
답변 1
1
브라우져에서 ajax 요청을 보낼때 cors 관련 오류 메세지를 접할 수 있는데요. 브라우저에서 실행되는 js는 자신이 다운로드 되었던 서버로 ajax 요청을 보낼수 있습니다. 서버를 식별하는 기준은 프로토콜, 도메인, 포트로 구성되는데요. 여기서는 js가 다운로드된 포트가 8080, ajax 요청하는 포트가 8081로 달라서 cors 정책에 막혀 ajax 요청에 실패하는 경우입니다.
한편 서버간의 통신은 브라우져-서버 통신과 다르게 이러한 제약 정책이 없는데요. 8080서버에서 8081 서버로 요청할 수 있는 이유입니다. 8080서버는 브라우져 js에서 ajax 요청을 받으면 이 요청을 그대로 8081로 보냅니다. 받은 응답도 그대로 브라우져로 전달하고요. 이러한 역할을 프록시라고 하고요.
웹팩에서 설정한 proxy가 바로 8080 서버를 8081로 프록시한다는 설정입니다.
지금 시점에서 해당 강의를 듣는 것에 대하여
1
111
3
2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)
1
223
1
에러 해결 공유드립니다
1
225
2
webpack 4 버전과 호환되는 플러그인 버전 공유드립니다
1
234
2
eslint
0
381
3
도와주세요!
0
167
2
[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전
1
145
1
질문 an error occurred while loading the image
1
469
1
webpack에서 babel-loader 사용할때 질문
1
150
1
자주 사용하는 플러그인 에서 질문이 있습니다.
1
168
1
eslint no-extra-semi 관련 질문
1
144
1
webpack5 에서 open index.html하는법 + 질문
1
168
1
TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable
2
302
1
혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?
1
371
1
에러없이 png안뜨시는 분들
1
275
1
Error: Cannot find module 'node:crypto'
1
465
1
DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함
1
407
1
깃허브 확인 문의
0
575
1
폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문
0
407
1
해쉬값과 캐쉬 갱신
1
461
1
Hash 에러 발생
1
2668
2
webpack.config.js에서의 CommonJS방식에 대한 질문
0
831
3
웹팩 버전
0
524
1
웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?
0
485
1