使用vue项目部署到github页面的问题

Question

我试图将vue-cli项目部署到github页面，我按照本网站上的说明和github支持。

delpoy vue-cli到github页面： https://medium.com/@mwolfhoffman/deploying-to-github-pages-with-vue-webpack-cli-5b2ba17f14a0

配置github页面 https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/

  

设置 - ＆gt;来源 - ＆gt;主/文件

     

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

     

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

这是我的存储库：https://github.com/leewei05/blog

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

Answer 1

事实证明我的配置路径错误，以下是将新的vue-cli项目部署到git中心页面的步骤。

（你必须先安装npm和vue-cli）

1. $ vue init webpack [projectName]
2. $ cd [projectName]
3. $ npm install
4. 转到config / index.js文件

5. 修改您的构建部分，如下所示：

   build: { index: path.resolve(__dirname, '../docs/index.html'), assetsRoot: path.resolve(__dirname, '../docs'), assetsSubDirectory: 'static', assetsPublicPath: '', productionSourceMap: true, devtool: '#source-map', productionGzip: false, productionGzipExtensions: ['js', 'css'], bundleAnalyzerReport: process.env.npm_config_report }

6. $ npm run build

7. 将其推送到您的github存储库
8. 转到存储库中的设置
9. 找到您的GitHub页面部分并更改来源 ＆＃39;主＆＃39; - ＆GT; ＆＃39;主/文档＆＃39;
10. 您的网页应该在＆＃39; https://[userName].github.io/[repositoryName]/#/＆＃39;
上
11. 祝你好运！