时间戳

首页 > 解决方案 > 在 GitHub Pages 中部署 Nuxt.js 的问题

vue.js - 在 GitHub Pages 中部署 Nuxt.js 的问题

问题描述

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

我按照说明做所有事情：

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/

可能是什么问题呢？

标签： vue.jsnuxt.jsvue-routergithub-pages

解决方案

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

  1. 从文件中删除dist条目.gitignore
  2. 跑npm run generate
  3. git add .然后运行git commit -m "deploy on gh-pages"
  4. 我们需要在以下位置添加路由器基本配置nuxt.config.js：
      target: 'static',
      router: {
        base: '/<repository-name>/'
      }
  1. 跑git subtree push --prefix dist origin gh-pages

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

推荐阅读