Sangil's blog

https://github.com/ChoiSangIl Admin

Webpack 환경에서 Vue Proxy 설정 DEV / WEB

2020-10-30 posted by sang12


기존 프로젝트에서의 proxy 설정 방법은 아래와 같은데.. 아무리 설정을 해도 proxy가 먹지 않는다...

-vue.config.js (파일이없으면 package.json 이 위치한 경로에 생성)

module.exports = {
  devServer: {
    proxy: {
      "/api": {
        target: "http://localhost:9600"
      }
    }
  }
};

그러하다 Webpack으로 만든 프로젝트일경우, 설정하는 위치가 다르다..

webpack.dev.conf.js 파일을 잘 찾아보면 proxy가 있는걸 볼 수 있다. 해당 부분에 아래와 같이 추가해주면 정상적으로 설정됨을 확인 할 수 있다

    proxy: {
        "/api": {
          target: "http://localhost:9600"
        }
    },
REPLY