写好的vue项目上传到GitHub中，但是预览的时候却是一片空白，好吧是我太天真，本地的时候是用localhost：8080打开的，所以在线上怎么可能预览成功呢
于是在网上找了一些怎么才能在线上预览的方法，自己整理一下，方便下次使用
第一步。
在当前项目上输入命令 npm run build，此时在项目的文件夹下多了一个dist的文件，在这下面的HTML文件就是可以预览的，但是现在预览却是空白的，因为路径还没有改
第二步
在项目根文件夹下 config 里打开index.js，将build下的路径更改为assetPublicPath:'./'，注意有两个类似的，一定要改build下的路径哦
第三步
再重新
npm run build，成功后再打开 dist 下面的 index.html 就可以预览了，但是图片还是不能无法加载第四步
打开根目录下 build 中的 utils.js 文件，在控制build样式文件代码中添加 publicPath: '../../'，
第五步
现在打开 dist 文件下的 index.html 页面就可以正常预览了，接着把他上传到GitHub，上传方法
但是这时候打开GitHub的预览链接是无法预览的，因为dist文件被禁止上传到GitHub了，
第六步
上传dist到GitHub，首先在项目根目录下找到 .gitignore ，这里面的就是被禁止上传的，把dist删掉或者注释掉，然后重新上传到GitHub，再次打开GitHub的预览链接，在最后添加 /dist （因为index.html文件是在dist文件下的）页面就会出现啦~~
