如何在github预览vue项目

预览地址：https://github.com/parchments/vue-admin-template

1、vue-router 不要开启 history 模式

路径中的 # 比较丑，就开启了 vue-router 的 history 模式，去掉了 #。平时做项目也是默认开启 history 模式。折腾了半天发现，我这是部署到 github pages ，服务器没有配置，导致页面一直请求不到。

另外：vue.config.js中

// 如果是hash模式
    publicPath: env !== "development" ? "./" : "/",
    
    // 如果是history模式
    // publicPath: env !== "development" ? "/" : "/",

2、打包npm run build  打包完后本地打开index.html预览无误就下一步

注意：vue-cli4需要配置vue.config.js，否则在git预览时会出现页面空白的情况（url错误），因为没有配置vue.config.js打包后的文件为index.html+js+css+images，而配置了vue.config.js的打包后为index.html+assets 

git push origin master  连dist也要提交

3、git subtree push --prefix dist origin gh-pages 将dist目录提交至gh-pages分支

4、设置setting

5、打开上图url地址

来源：oschina

链接：https://my.oschina.net/u/2634978/blog/3126987