使用github托管代码和github pages预览问题

打包Vue项目

当Vue项目完成后，在根目录下打开命令行，输入命令：

npm run build

实际上此命令就是执行build.js文件，将项目打包成静态资源。
此命令完成后，项目根目录下会多出一个dist文件夹，dist文件里面有：

项目资源无法加载

点击index.html,浏览器显示该页面是空白的，打开控制台看到：

原因：因为index.html里的路径有问题。
解决办法：看了几篇别人家的博客说是config下的index.js文件进行配置路径的修改，由于我下载的vue cli4版本没有该文件，目前想到的办法是将index.html文件里的src属性的路径统一改为 ./ 开头。

使用github托管代码步骤

1.在github上创建一个仓库

2.克隆线上仓库

git clone github.com/....

3.复制现有代码到仓库根目录

4.添加全部文件到缓存区

git add .

5.添加到本地仓库

git commit -m"初始化这个仓库"

6.提交代码到线上仓库

git push github.com/....

（点击Clone or download按钮，复制弹出的地址git@github.com:***/test.git，记得要用SSH的地址，尽量不要用HTTPS的地址）

github在线预览

1.将文件上传到github对应的仓库

2.将对应的文件同步到gitee

3.点击服务，部署写好对应的目录完成