firebase 호스팅 스크립트 경로가 현재 하위 폴더 경로와 관련이 없음

Question

Bellow는 firebase에서 호스팅되는 내 공용 폴더 구조입니다.

이 URL 경로 http://.../dist/app.html으로 이동하면 app.html이로드되지만 스크립트가로드되지 않습니다. 스크립트를로드하는 유일한 방법은 그림에 표시된 것과 같이 스크립트 경로에 'dist'를 추가하는 것입니다 (현재 폴더의 상대 경로 대신 스크립트의 전체 경로를 지정하십시오)

app.html을 열면 로컬 컴퓨터에서는 'dist/[scriptNameHere] .js'파일이 없기 때문에 스크립트를로드하지 않습니다.

그런데 왜 호스팅 된 공용 폴더에 파일의 전체 경로가 필요합니까?

나는

<script type="text/javascript" src="inline.bundle.js"></script> etc 

Answer 1

글쎄, 그것은 내 앞에 앉았다. 경로로 index.html을 변화 <base href="/">에서

당신은 당신의 경로 해결이

Answer 2

중포 기지 호스팅 firebase.json의 hosting 설정에서 public 디렉토리로 지정 무엇을 기준으로 모든 것을 배포 할 현재 경로를 기준으로 내 스크립트를 가져올 것입니다. 단일 페이지 앱을 제작하는 경우 절대 URL을 사용하여 번들을 참조하려는 경우가 많으므로 /inline.bundle.js 등이 좋습니다.

배포 후 어떻게 작동하는지 확인하려면 프로젝트 디렉토리에 firebase serve을 사용해야합니다. 그러면 배포 된 버전처럼 작동해야하는 로컬 서버가 가동 될 것입니다. 제대로 작동하면 테스트하고 좋은 모습으로 배포 할 수 있습니다.