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 호출도 제대로 가는거 확인할 수 있었음