블로그

[Angular] python django 사용시 개발모드에서 proxy 설정

프론트를 angular 로 개발시 백엔드를 python django 등으로 개발할 경우

프론트는 angular 로 접속하고 proxy 를 통해서 백엔드 단의 서버로 접속가능합니다.

앵귤러 프로젝트명을 frontend 라고 할 경우 해당 디렉토리 아래에

proxy.conf.json 파일을 생성 후

{
    "/api": {
        "target": "http://localhost:8000",
        "secure": false
    },
    "/api2": {
        "target": "http://localhost:8000",
        "secure": false
    }
}

/api 는 url 이고 target 의 http://localhost:8000 은 django 입니다.

angular 의 주소를 http://example.com 이라고 한다면

http://example.com/api 는 django 로 프락시되어 접속이 됩니다.

package.json 파일을 열어서 scripts 항목의 start 부분을 수정합니다.

"start": "ng serve --proxy-config proxy.conf.json --host 0.0.0.0 --port 80 --disable-host-check",

--proxy-config 부분이 프락시 설정 파일을 지정하는 부분입니다.

그 후 앵귤러 실행시는 ng server 가 아니라

# npm start

으로 실행하면 됩니다.

2018-09-18 목록