GitHub 페이지에서 호스팅되는 정적 nuxt.js 앱에서 리소스 404가 발생하는 이유는 무엇입니까?

Aug 18 2020

나는 다음 단계를 따랐다.

  1. Nuxt.js로 vue 프로젝트를 만들었습니다 (테스트 및 작업 npm run dev).
  2. Nuxt.js 정적 사이트 생성을 사용하여 distmaster리포지토리 의 디렉터리 아래에 정적 배포를 생성했습니다 (VSCode의 라이브 서버 플러그인을 사용하여 테스트도 잘 작동 함).
  3. 다음을 사용하여 dist디렉토리를 gh-pages브랜치에 배포했습니다 .gh-pages -d dist
  4. 내 사용자의 GitHub 페이지 인 내 GitHub 프로젝트에 대한 옵션 ( augusto-moura.github.io/)에서 소스를 gh-pages.

gh-pages분기가에 해야하는 정확히 잡아 것 같다,하지만 난 페이지를 엽니로, 스크립트가로드되지 않습니다 및 각 리턴 404 eror.

내가 도대체 ​​뭘 잘못하고있는 겁니까? GitHub가 _nuxt디렉토리 내에서 JS 파일을 제공하지 않는 것 같습니다 .

답변

1 Phil Aug 18 2020 at 07:53

GitHub 페이지에 배포 하는 방법에 표시된대로 ? 가이드,이 작고 놓치기 쉬운 노트에 ...

지점 gh-pages프로젝트 저장소 또는에 대한 지점 master사용자 또는 조직 사이트

사용자 계정에 페이지를 사용하려면 다음이 필요합니다.

push-dir --dir=dist --branch=master
SCKim Aug 18 2020 at 06:17

.nojekyllGitHub 페이지에 게시 할 때 루트 디렉터리 에 파일 을 추가해야합니다 . 그렇지 않으면 _nuxt디렉터리 에서 리소스 파일을 가져 오지 않습니다 .