如何在 GitHub Pages 上部署 vue-cli 项目

1. 在 GitHub 上创建与本地项目同名的远程仓库

2. 将本地项目 push 到远程

$ git init
$ git add .
$ git cmt -m 'create project'
$ git remote add origin git@github.com:taosang1992/vue-router-test.git
$ git push -u origin master

3. 将 dist 下的所有文件夹 push 到 gh-pages

$ npm run build
$ git checkout -b gh-pages
$ git add -f dist
$ git commit -m 'create project'
$ git subtree push --prefix dist origin gh-pages

这些步骤做完之后在 gh-pages 分支展示项目了，比如
https://taosang1992.github.io/vue-router-test

需要注意的坑

  1. 在 npm run build 之前要将 config/index.js 里边 build 配置里边的 assetsPublicPath: '/' 改成 assetsPublicPath: './'
  2. 将 webpack.prod.conf.js 中的 removeAttributeQuotes 改为 false
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容