Angular 6+에서 로컬 컴퓨터에서 Dist 폴더를 실행하는 방법?

Angular 6+에서 로컬 컴퓨터에서 Dist 폴더를 실행하는 방법?

애플리케이션을 구축하고 있습니다.Angular6+, 이제 명령을 실행했습니다.ng build --prod그로 인해 디스트 폴더가 생겼습니다.Localhost에서 해당 폴더를 확인하거나 서비스하려면 어떻게 해야 합니까?

http-server package를 사용하여 이 작업을 수행할 수 있습니다.

먼저 패키지를 전역적으로 설치합니다.

npm install http-server -g

그런 다음 프로젝트 디렉토리 안에서(터미널에서) 실행합니다.

http-server dist/

그리고 Angular 6+ 이상을 사용하는 경우(Angular 10을 사용하는 경우) 실행해야 합니다.

http-server dist/your-project-name

이제 http://localhost:8080을 방문하여 응용프로그램을 볼 수 있습니다.

편집: 각도 12+:ng serve --configuration production

Angular 7이니까 그냥 해도 돼요.ng serve --prod=true. 문서: https://angular.io/cli/serve

Angular 6에 대해 묻는 질문을 알고 있지만 구글이 여기에 저를 데려와서 나중에 참고할 수 있게 해주었습니다.

제 경우에는 다음과 같이 했습니다.

전역적으로 http-server 설치

npm install http-server -g

그러면 프로젝트 디렉토리(단말기) 안에서 실행합니다.

http-server dist/[your-project-name]

이제 http://localhost:8080/index.html을 방문하여 응용프로그램을 볼 수 있습니다.그러나 브라우저 페이지를 다시 시작할 때 URL에 /index.html을 다시 추가해야 합니다.

---

Angular 7.x.x 버전에서 작동합니다.

출발 터미널:
$ npm 설치 http-server -g

Angular Project Dir로부터.당신의 Angular 프로젝트 이름이 ngx라고 가정해 보겠습니다.
$ ng 빌드
$ http-server dist/ngx
http-server 시작 중, dist/ngx 서비스 중
이용 가능:
http://127.0.0.1:8080
http://192.168.43.54:8080
CTRL-C를 눌러 서버를 중지합니다.

맛있게 드세요.

윈도 플랫폼

 - Install wamp server --> 
   https://wampserver.en.softonic.com/ and start.
 - your dist folder files copy to c:/wamp/www/(your project name)/
 - And create .htaccess file redirect your index.html.
   (http://www.htaccesstools.com/htaccess-faq/)
 - Next run browser http://localhost/(your project name)

우분투 플랫폼

 - Install lamp server --> 
   https://www.linode.com/docs/web-servers/lamp/install-lamp-stack-on-ubuntu-16-04/ and start.
 - your dist folder files copy to /opt/lampp/htdocs/(your project name)/
 - And create .htaccess file redirect your index.html.
   (http://www.htaccesstools.com/htaccess-faq/)
 - Next run browser http://localhost/(your project name)

언급URL : https://stackoverflow.com/questions/51129053/how-to-run-the-dist-folder-on-local-machine-in-angular-6