在 GitHub 页面中部署 Nuxt.js 时出现问题

Question

我最近开始学习 Nuxt.Js 并面临 GitHub 页面上的部署问题。

我都按照说明去做：

https://medium.com/@kozyreva.hanna/nuxt-js-gh-pages-deployment-73b88aa3aa65

无限 nuxt-loading 出现在 gh-pages 而不是内容上。

GitHub: https://github.com/Owe7x/slide

GH 页数：https://owe7x.github.io/slide/

可能是什么问题？

Answer 1

我已经尝试按照这些步骤操作，但它们对我不起作用，经过一些研究后我最终采用了以下步骤：

1. 从 .gitignore 文件中删除 dist 条目
2. 运行 npm run generate
3. 运行 git add . 然后 git commit -m "deploy on gh-pages"
4. 我们需要在 nuxt.config.js:
中添加路由器基础配置

      target: 'static',
      router: {
        base: '/<repository-name>/'
      }

5. 运行 git subtree push --prefix dist origin gh-pages

确保在 运行 执行这些命令之前删除当前的 gh-pages 分支。