เหตุใดฉันจึงได้รับทรัพยากร 404 ในแอป nuxt.js แบบคงที่ซึ่งโฮสต์บนหน้า GitHub

Aug 18 2020

ฉันได้ทำตามขั้นตอนเหล่านี้แล้ว:

  1. สร้างโปรเจ็กต์ vue ด้วย Nuxt.js (ทดสอบและใช้งานได้npm run dev)
  2. ใช้การสร้างไซต์แบบคงที่ Nuxt.js เพื่อสร้างการกระจายแบบคงที่ภายใต้distไดเร็กทอรีของที่masterเก็บของฉัน(ทดสอบโดยใช้ปลั๊กอิน Live server ของ VSCode ด้วยเช่นกัน)
  3. ปรับใช้distไดเร็กทอรีไปยังgh-pagesสาขาโดยใช้:gh-pages -d dist
  4. ในตัวเลือกสำหรับโปรเจ็กต์ GitHub ของฉันซึ่งเป็นเพจ GitHub สำหรับผู้ใช้ของฉัน ( augusto-moura.github.io/) ฉันเปลี่ยน Source เป็นgh-pages.

gh-pagesสาขาน่าจะถือว่าสิ่งที่มันควรจะ แต่ที่ผมเปิดหน้า, สคริปที่ไม่ได้โหลดและแต่ละผลตอบแทน 404 eror

ผมทำอะไรผิดหรือเปล่า? ดูเหมือนว่า GitHub จะไม่ให้บริการไฟล์ JS ภายใน_nuxtไดเร็กทอรี

คำตอบ

1 Phil Aug 18 2020 at 07:53

ตามที่ระบุไว้ในHow to deploy on GitHub Pages? คำแนะนำในบันทึกย่อเล็ก ๆ ที่ง่ายต่อการพลาด ...

สาขาgh-pagesสำหรับที่เก็บโครงการหรือสาขาmasterสำหรับไซต์ผู้ใช้หรือองค์กร

ในการใช้ Pages สำหรับบัญชีผู้ใช้ของคุณคุณจำเป็นต้องมี

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

คุณต้องเพิ่ม.nojekyllไฟล์ที่ root dir เมื่อเผยแพร่ไปยัง GitHub Pages มิฉะนั้นจะไม่ได้รับไฟล์ทรัพยากรจาก_nuxtdir