Angular 2 CLI - 배포

Question

Angular 2 CLI를 사용하여 Angular 2 응용 프로그램을 만들었습니다. 내 문제는 이제 다른 사람들이 볼 수있는 스테이징 환경으로 로컬 서버에 응용 프로그램을 배포하려고합니다.

Angular 2 CLI를 사용하는 대부분의 자습서에는 dist 폴더가 표시됩니다.이 폴더는 프로젝트를 처음 CLI를 사용하여 만들었을 때 생성 된 것으로 보입니다. 나는 dist 폴더를 ng build을 사용해서 만 생성 할 수 있습니다. 각도 2 CLI가 초기에 dist 폴더가 초기 폴더 구조의 일부인 곳에서 변경되었지만 지금은 ng build을 사용할 때만 생성되는 것으로 가정합니다. 테스트로

, 나는 시도하고 응용 프로그램을 실행 WAMP 서버 [http://localhost:8080/Project/dist/]의 www 폴더에 생성 된 dist 폴더를 복사 ... 브라우저 콘솔을 보여줍니다

Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:8080/inline.js 
Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:8080/bundle.js 

그것은 모든 찾고 있습니다 자산을 dist 폴더 내의 index.html 위치로 설정하지 말고 로컬 서버의 루트에있는 자산을 찾으십시오. 모든 이미지와 아이콘은 같은 문제가 있습니다 ... 상대 경로를 위해 뭔가를 구성하지 못했습니다. 어떻게합니까?

Answer 1

먼저 ng build 명령의 출력 경로를 지정할 수 있으므로 수동으로 복사 할 필요가 없습니다. 예 : ng build --output-path /var/www/app_foo/root/. <base href="/path"> -

둘째, index.html의 기본 태그로서 구현 기본 경로 개념이있다. 수동으로 설정하거나 건물에서 설정할 때 ng build --base-href /path/을 통해 설정할 수 있습니다.

귀하의 경우에는 일치해야합니다 : ng build --base-href /Project/dist/.