17 잠시만… 프록시 설정.. 대안 생각남
source: categories/study/vue-experiance/vue-experiance_9-07.md
17. 잠시만… 프록시 설정.. 대안 생각남
webpack devServer proxy 관련 조사
webpack devServer proxy 설정의 byPass: (req, res, proxyOptions) => {}
도 활용해가며 테스트해봄
vue.config.js
'/transit/': {
target: ...,
changeOrigin: true,
}
설정시 ~~/transit
url에 직접 입력하여 접속하면 제대로 접속이 됨
하지만 ~~/transit/
뒤에 슬래시 하나 붙여 url에 직접 접속하면 접속이 안됨 - proxy
제대로 작동 안함
vue.config.js
'/transit': {
target: ...,
changeOrigin: true,
}
이 경우일 경우엔 ~~/transit
을 url에 직접 입력하면 접속이 안됨 - proxy
제대로 작동 안함
~~/transit/
또한 마찬가지 - proxy
제대로 작동 안함
현재 delivery
도 마찬가지
transit, delivery만 라우터에 설정되어있는 것과 같음
다른건 다름
여기서 문득 든 생각
라우터에서 transit
을쓰고 proxy api 요청은 transit2
(예시)로 하거나
그 반대로하면되잖아?
같게할 필요가없잖아?
현재 transit
, delivery
말고는 나머지는 proxy api 요청과 라우터가 다 다른듯?
여튼 서로 다르게 하니까 뒤에 /
슬래시붙던안붙던 파라미터가 더 붙던 안붙던 제대로 동작
api 호출도 제대로 가는거 확인할 수 있었음