Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/git/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/github/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用vue项目部署到github页面时出现问题_Git_Github_Vue.js_Github Pages - Fatal编程技术网

使用vue项目部署到github页面时出现问题

使用vue项目部署到github页面时出现问题,git,github,vue.js,github-pages,Git,Github,Vue.js,Github Pages,我正在尝试将vue cli项目部署到github页面,我遵循了此网站和github支持上的说明 delpoy vue cli到github页面: 配置github页面 设置->来源->主控/单据 在存储库的根目录中有一个/docs文件夹 不遵循存储库命名方案username.github.io或orgname.github.io 这是我的存储库: 但是结果一直给我404,仍然不知道我的问题是什么,请帮忙 结果是我的配置路径错误,下面是将新的vue cli项目部署到git hub页面的步骤 (

我正在尝试将vue cli项目部署到github页面,我遵循了此网站和github支持上的说明

delpoy vue cli到github页面:

配置github页面

设置->来源->主控/单据

在存储库的根目录中有一个/docs文件夹

不遵循存储库命名方案username.github.io或orgname.github.io

这是我的存储库:


但是结果一直给我404,仍然不知道我的问题是什么,请帮忙

结果是我的配置路径错误,下面是将新的vue cli项目部署到git hub页面的步骤

(您必须先安装npm和vue cli)

  • $vue init网页包[projectName]
  • $cd[projectName]
  • $npm安装
  • 转到config/index.js文件
  • 按如下方式修改生成部分:
  • 构建:{
    index:path.resolve(uu dirname,“../docs/index.html”),
    assetroot:path.resolve(_dirname,../docs'),
    资产子目录:“静态”,
    资产公共路径:“”,
    productionSourceMap:正确,
    devtool:“#源映射”,
    productionGzip:false,
    Productiongzip扩展:['js','css'],
    bundleAnalyzerReport:process.env.npm\u配置报告
    }
    
  • $npm运行构建
  • 将其推送到github存储库
  • 转到存储库中的设置
  • 找到GitHub页面部分并更改源代码 “主控”->“主控/文件”
  • 您的页面应位于
    https://[userName].github.io/[repositoryName]/#/
  • 祝你好运
    嘿,我似乎无法在步骤9中更改源。您在上面提到过吗?@AkinHwan您需要拥有回购协议的完全管理员权限,然后您应该能够在“设置”>“选项选项卡”>Github页面部分>将“源”从“主分支”更改为“主分支/docs文件夹”下找到设置。@Evolve是的,我确实是AkinHwan.Github.io的管理员,当我访问时看起来像这样我可以看到我的网站。我想我需要创建一个新的分支?@Lee如果你看不到选项的“源”部分的下拉列表怎么办?如果你想自动化这个,我在这里发布了一个类似问题的解决方案:-它使用gh pages分支而不是docs文件夹。