Mengapa saya mendapatkan sumber daya 404 di aplikasi nuxt.js statis yang dihosting di halaman GitHub?

Aug 18 2020

Saya telah mengikuti langkah-langkah ini:

  1. Membuat proyek vue dengan Nuxt.js (diuji dan bekerja dengan npm run dev)
  2. Menggunakan pembuatan situs statis Nuxt.js untuk menghasilkan distribusi statis di bawah distdirektori masterrepositori saya (juga diuji menggunakan plugin server Live VSCode, berfungsi dengan baik).
  3. Menerapkan distdirektori ke gh-pagescabang menggunakan:gh-pages -d dist
  4. Dalam Opsi untuk proyek GitHub saya, yang merupakan Halaman GitHub untuk pengguna saya ( augusto-moura.github.io/), saya mengubah Sumber menjadi gh-pages.

The gh-pagescabang tampaknya terus persis apa yang seharusnya, tapi seperti yang saya membuka halaman, script tidak dimuat dan masing-masing kembali 404 eror.

Apa yang saya lakukan salah? GitHub tampaknya tidak melayani file JS di dalam _nuxtdirektori.

Jawaban

1 Phil Aug 18 2020 at 07:53

Seperti yang ditunjukkan dalam Bagaimana menerapkan di Halaman GitHub? panduan, dalam catatan kecil yang mudah dilewatkan ini ...

Cabang gh-pagesuntuk repositori proyek ATAU cabang masteruntuk pengguna atau situs organisasi

Untuk menggunakan Halaman untuk akun pengguna Anda, Anda membutuhkannya

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

Anda perlu menambahkan .nojekyllfile di root dir saat menerbitkan ke Halaman GitHub, jika tidak maka tidak akan mendapatkan file sumber daya dari _nuxtdir.