Angular 4, 6 패키지 최소 화, 서버 배치

도 모 를 찾 아 nginx 로 컬 서버 를 다운로드 합 니 다. 여 기 는 mac nginx 를 예 로 들 면...

    :
    sudo nginx
    :
    sudo nginx -s stop
      :
    sudo nginx -s reload
       :
  nginx: [emerg] bind() to 0.0.0.0:80 failed (48: Address already in use)；

Nginx 설정:

     ，      
  /usr/local/etc/

     ：
/usr/local/Cellar/nginx/

터미널 을 열 고 시작 포트 번 호 를 설정 합 니 다.

vim /usr/local/etc/nginx/nginx.conf
   i        

#   angular  
server {
    listen       5188;
    server_name  localhost;

     #charset koi8-r;
     #access_log  logs/host.access.log  main;

     location / {
        root   html/LBankAngular;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}

angular 패키지 항목 최소 화 명령:

sudo ng build --prod --aot --build-optimizer --source-map=false

●   
● -1.   
● -2.    
● -3.       ，      ，   vender  250kb,     gzip ，vender   85kb

포 장 된 dist 에 파일 을 로 컬 서비스 에 넣 습 니 다.

 /usr/local/Cellar/nginx/1.13.12/html       

배포 서버 의 각종 자원 을 찾 을 수 없습니다 404

index.html 
 
   

프로젝트 를 서버 에 배치 하여 404 해결 방법 app. module. ts 새로 고침

import {HashLocationStrategy , LocationStrategy} from '@angular/common';
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]
     ，  angular  ，            #  。        404   。

로 컬 서 비 스 를 시작 합 니 다. 브 라 우 저 입력

  http://localhost:xxx/