vue项目添加 GitHub page

1、首先把项目上传到GitHub(主要是dist文件)

github page 主要需要的是npm run build后的dist文件，因为dist文件一般都是gitignore忽略的，所以需要添加到git上传上去。

2、在GitHub项目里面 手动设置 GitHub page

2.1进入 项目设置 （setting）

GitHub项目的settings.png
2.2 设置GitHub page 的静态文件路径（找到GitHub page） 设置GitHub page的静态文件路径是 master分支.jpg

3、点击域名打开项目 GitHub page

GitHub page 项目域名.png

4、遇到的问题

4.1 在 npm run build 之前要将 config/index.js 里边 build 配置里边的 assetsPublicPath: '/'
改成 assetsPublicPath: './'

参考文章 https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/