개발/Angular
angular 5 빌드 후에 docker nginx 서버에 적용하기
부들잎
2017. 11. 28. 13:08
angular 5 빌드 후에 docker nginx 서버에 적용하기
angular 빌드하기
$ ng build
빌드후에 /dist/
퐬더에 생성된 파일을 nginx 서버가 적용 된 곳에 파일을 복사합니다.
localhost/
까지는 잘 접속이 되는 것을 확인할 수 있습니다. 그러나, angular 의 RoutingModule
을 사용한 주소 뒤에 localhost/some/some2/
와 같은 주소는 접속이 되지 않습니다.
이를 해결하기 위해서는 아래와 같이 nginx/conf.d/default.conf
파일을 수정해 주어야 합니다.
일단 저는 nginx/1.13.5
버전을 사용하고 docker 를 통해서 실행해 놓은 상태입니다.
docker exec -it some-nginx /bin/bash
명령어를 통해서 docker 내부에 접속을 한후에 vim 으로 설정을 변경합니다.
: vim이 실행이 되지않을때에는
apt-get update
를 진행후apt-get install vim
를 통해 설치를 하기 바랍니다.
/etc/nginx/conf.d/default.conf
파일을 수정 합니다.
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri$args $uri$args/ $uri $uri/ /index.html =404;
}
...
이대로 접속이 되면 만세!
반응형