각진 베이스 href 태그

작은 쓰레기 같은 놈들 · 게시됨 2020. 3. 5. 오후 9:14:07

기본 태그

HTML에서 <base href="..."/>는 이미지, 스크립트, 스타일시트와 같은 상대 경로를 해석하기 위한 기본 주소를 지정하는 데 사용됩니다. 예를 들어, <base href="/my/app/">을 지정하면, 브라우저는 some/place/foo.jpg 같은 URL을 서버에서 my/app/some/place/foo.jpg로 요청하는 것으로 파싱합니다. 탐색 시 Angular 라우터는 컴포넌트, 템플릿, 모듈 파일의 기본 주소로 기본 href를 사용합니다.

개발 중에는 보통 index.html가 위치한 디렉터리에서 서버를 시작합니다. 이 디렉터리가 루트 디렉터리이고, /이 애플리케이션의 루트이므로 <base href="/" >을 index.html 상단에 추가해야 합니다.

하지만 공유 서버나 운영 서버에서는 서브디렉터리에서 서버를 시작해야 할 수도 있습니다. 예를 들어, 이 애플리케이션의 URL을 로드할 때http://www.mysite.com/my/app/서브디렉터리는 my/app/이고, 서버 버전에 index.html<base href="/my/app/" >를 추가해야 합니다.

기본 태그가 설정되지 않으면 앱이 로드되지 않고, 브라우저 콘솔에 이 누락된 파일들에 대해 404 - 찾을 수 없음 오류가 표시됩니다. 브라우저가 이 파일들을 찾으려 하는 위치를 보고 적절한 기본 태그를 조정하세요.

[각] 각진 베이스 href 태그

관련 게시물

본 섹션