如何将已构建的angular 网页项目部署到github pages供他人访问

1、将已构建完成的angular项目放到自己所创建github仓库中

1.1例如我已构建的项目名叫testRouter如下

如何将已构建的angular 网页项目部署到github pages供他人访问

1.2  在我的  Hi  仓库中,可以看到我已经把我得 testRouter 已放在上面,


如何将已构建的angular 网页项目部署到github pages供他人访问

2、需要修改testRouter文件中的index.html文件的 <base href="/"> 这一行,修改完后,点击最左下角的commit保存起来

如何将已构建的angular 网页项目部署到github pages供他人访问

3、接着设置master 为 github Page ,点击setting

如何将已构建的angular 网页项目部署到github pages供他人访问

4、进入到设置页面后,找到页面中的 GitHub Pages ,如下这个样子, 在点击下图中的None,会出现下拉菜单,并点击选择master branch 后,再点击 旁边的 Save 按钮,

如何将已构建的angular 网页项目部署到github pages供他人访问

5、点击save后,Source上方会出现,一个可访问的地址,这便是作为Hi仓库的访问路径,如图中所框的

如何将已构建的angular 网页项目部署到github pages供他人访问

6、把上面所生成的地址复制到浏览器的地址栏,并后面加上  /testRouter ,就可以成功看到angular网页在github Pages上运行,其他人也可以上网访问你所做的angular 项目

如何将已构建的angular 网页项目部署到github pages供他人访问