GitHubページでホストされている静的nuxt.jsアプリでリソース404を取得するのはなぜですか?

Aug 18 2020

私はこれらの手順に従いました:

  1. Nuxt.jsでvueプロジェクトを作成しました(テスト済みで作業中npm run dev
  2. Nuxt.js静的サイト生成を使用してdistmasterリポジトリのディレクトリの下に静的ディストリビューションを生成しました(VSCodeのLiveサーバープラグインを使用してテストしましたが、正常に動作します)。
  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 Pagesにデプロイする方法に示されているように?ガイド、この小さな、見逃しやすいメモで...

支店gh-pagesプロジェクトリポジトリまたはのための支店masterのユーザーや組織のサイト

ユーザーアカウントにPagesを使用するには、次のものが必要です。

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

.nojekyllGitHub Pagesに公開するときは、ルートdirにファイルを追加する必要があります。そうしないと、_nuxtdirからリソースファイルを取得できません。