vue html本地预览,如何在github预览vue项目

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地址