github部署gitpages静态网站踩坑

一、下载代码

1.https协议下载

https://github.com/{username}/{projectName}.git

• 缺点：

在 clone 或者 pull/push 的时候经常报错：

fatal: unable to access 'https://github.com/{username}/{projectName}.git/': OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054

• 解决办法：

git config --global http.sslVerify 'false'

• 执行该命令后马上执行 clone/pull/push 命令

2.git协议下载

git://github.com/{username}/{projectName}.git

• 缺点：

无法使用git协议执行 push 命令，会提示要使用https。

3.ssh协议下载

git@github.com:{username}/{projectName}.git

需要设置publicKey

二、gitpages静态网站部署

publicPath 或者 base 要设置为 . ，否则部署后，js/css和图片等文件找不到路径，报错 404。

路由模式选择 history 模式，但是不出意外的，history 模式下，从非首页进入站点时会提示找不到路径，报错 404 。

• 解决办法：

在打包后h5后的文件目录下，新建一个和 index.html 同级的 404.html 文件