为什么我在托管在GitHub页面上的静态nuxt.js应用程序上获取资源404?

问题描述

我已按照以下步骤操作:

  1. 使用Nuxt.js制作一个vue项目(经过测试并与npm run dev一起使用)
  2. 使用Nuxt.js静态站点生成来在我的dist存储库的master目录下生成静态分发(也已使用VSCode的Live服务器插件进行了测试,工作正常)。
  3. 使用dist
  4. gh-pages目录部署到gh-pages -d dist分支
  5. 在我的GitHub项目的选项(即用户augusto-moura.github.io/)的GitHub页面中,我将“源”更改为gh-pages

GitHub pages options

gh-pages分支似乎完全符合它的预期,但是当我打开页面时,未加载脚本,并且每个脚本都返回404错误

gh-pages branch

Errors on Network tab

我在做什么错? GitHub似乎不提供_nuxt目录中的JS文件

解决方法

How to deploy on GitHub Pages?指南中所述,在此小巧易失的笔记中...

针对项目存储库的分支gh-pages或针对用户或组织站点的分支master

要使用Pages作为您的用户帐户,您需要

push-dir --dir=dist --branch=master
,

发布到GitHub Pages时,您需要在根目录下添加.nojekyll文件,否则它不会从_nuxt目录中获取资源文件。