Vue.js GitHub页面中的deploy numxt.js存在问题

Vue.js GitHub页面中的deploy numxt.js存在问题,vue.js,nuxt.js,vue-router,github-pages,Vue.js,Nuxt.js,Vue Router,Github Pages,我最近开始学习Nuxt.Js,并面临在GitHub页面上部署的问题 我按照指示做每件事: 无限numxt加载出现在gh页面上而不是内容上 GitHub: GH页面: 有什么问题吗?我已经尝试过遵循这些步骤,但它们对我不起作用,经过一些研究,我最终采用了以下步骤: 从.gitignore文件中删除dist条目 运行npm运行生成 运行git add.然后git commit-m“在gh页面上部署” 我们需要在numxt.config.js中添加路由器基本配置: 目标:“静态”, 路由器:{ 基数

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

我按照指示做每件事:

无限
numxt加载
出现在
gh页面上
而不是内容上

GitHub:

GH页面:


有什么问题吗?

我已经尝试过遵循这些步骤,但它们对我不起作用,经过一些研究,我最终采用了以下步骤:

  • .gitignore
    文件中删除
    dist
    条目
  • 运行
    npm运行生成
  • 运行
    git add.
    然后
    git commit-m“在gh页面上部署”
  • 我们需要在
    numxt.config.js
    中添加路由器基本配置:
  • 目标:“静态”,
    路由器:{
    基数:'/'
    }
    
  • 运行git子树推送--prefix dist origin gh pages

  • 在运行这些命令之前,请确保删除当前的
    gh页面
    分支。

    非常感谢)只是现在路径出现问题“加载资源失败:服务器响应状态为404()”。您能显示该错误的屏幕截图吗?GH页面:运行
    npm run generate
    后,转到dist/index.html并删除任何源链接前的斜杠
    /
    mmmm抱歉,请尝试此操作
          target: 'static',
          router: {
            base: '/<repository-name>/'
          }