angular 배포시 path 관련사항

빌드시 deploy-url 옵션을 부여하여 처리 한다.

ng build --deploy-url=/rms/ 

빌드 후 dist 경로에서 옵션으로 처리 되지 않는 asset url 이 있을 수 있으므로 해당 경로는 수동으로 path를 추가해 주어야 한다. 


.registerLoader(this._imageLoader.load('/rms/assets/img/sky-bg.jpg'));

//혹은

.registerLoader(this._imageLoader.load(__webpack_require__.p+'assets/img/sky-bg.jpg'));


나의 경우 src 하위 app.component.ts 에 정의된 이미지로더의 url이 문제 였으며 image url을 상대경로로 처리하여 보완하고 나머지 페이지의 경우에는 deploy-url 옵션이 잘 적용 되었다.



//BaThemePreloader.registerLoader(this._imageLoader.load('/assets/img/sky-bg.jpg'));
// changed
BaThemePreloader.registerLoader(this._imageLoader.load('./assets/img/sky-bg.jpg'));

덧글

댓글 입력 영역