2017-12-03 23 views
1

我想部署一個vue-cli項目到github頁面,我按照本網站上的說明和github支持。使用vue項目部署到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或orgn ame.github.io

這裏是我的倉庫:https://github.com/leewei05/blog

但結果一直給我404,仍然不知道我的問題,請大家幫忙!

回答

0

原來,我已經得到了錯誤的配置路徑,這裏是部署一個新VUE-CLI項目的Git樞紐頁中的步驟。

(你得安裝NPM和VUE-CLI第一)

  1. $ VUE的init的WebPack [項目]
  2. $ CD [項目]
  3. $ NPM安裝
  4. 去你的配置/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運行建立

  7. 推到您的GitHub庫
  8. 去設定在你的倉庫
  9. 找到你的GitHub的網頁部分,然後從 「主」更改源 - >「主/ docs'
  10. 您的頁面應該位於'https://[userName].github.io/[repositoryName]/#/'
  11. 祝您好運!