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

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

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


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



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


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


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


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


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







  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值