使用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/

設置 - >源 - >主/文檔

在存儲庫的根目錄中有一個/ docs文件夾

不遵循存儲庫命名方案username.github.io或orgname.github.io

這是我的存儲庫： https ： //github.com/leewei05/blog

但結果一直給我404，還不知道我的問題是什么，請幫忙！

Answer 1

原來我的配置路徑錯誤，這里是將新的vue-cli項目部署到git hub頁面的步驟。

（你必須先安裝npm和vue-cli）

1. $ vue init webpack [projectName]
2. $ cd [projectName]
3. $ npm安裝
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頁面部分，並從'master' - >'master / docs'更改源代碼
10. 您的頁面應位於' https：// [userName] .github.io / [repositoryName] /＃/ '
11. 祝你好運！