如何部署支持SSL的Angular应用？GitHub Pages自定义域名HTTPS配置咨询

嘿，刚好我之前折腾过这个，给你捋清楚步骤——完全不需要写额外代码处理HTTPS请求，GitHub Pages已经帮你把大部分工作搞定了，你只需要做好配置就行：

第一步：先搞定Angular项目的构建与基础部署 #

• 先在本地把Angular项目构建成生产环境包：

  ng build --prod --base-href="/你的仓库名称/"
  

  注意：如果你的GitHub仓库是用户名.github.io这种顶级Pages仓库，base-href直接设为"/"就好。
• 把构建后dist文件夹里的所有内容，推送到GitHub仓库的gh-pages分支（或者你在Pages设置里指定的分支/文件夹，比如主分支的docs目录）。

第二步：配置自定义域名 #

• 登录你的域名服务商后台，添加DNS解析记录：
  • 如果你用的是根域名（比如yourdomain.com），添加A记录，指向GitHub的官方IP：185.199.108.153、185.199.109.153、185.199.110.153、185.199.111.153
  • 如果你用的是子域名（比如www.yourdomain.com），添加CNAME记录，指向你的GitHub Pages默认域名（比如username.github.io）
• 回到GitHub仓库的Settings -> Pages页面，找到Custom domain输入框，填入你的自定义域名，点击保存。

第三步：启用HTTPS #

• 保存自定义域名后，耐心等个几分钟到几十分钟（取决于DNS解析速度），GitHub会自动给你的域名申请Let's Encrypt的SSL证书。
• 刷新Pages设置页面，找到Enforce HTTPS选项，勾选它就完成了！

一些常见坑点提醒 #

• 如果看不到Enforce HTTPS选项，大概率是DNS还没生效，可以用解析检测工具确认一下域名是否已经指向GitHub的IP；另外要确保你的域名没有被设置为隐私保护（部分服务商的隐私保护会影响证书申请）。
• 要是遇到Angular页面资源加载失败的问题，检查一下base-href的设置是否正确，根域名的话一定要设为"/"，子域名或者非顶级Pages仓库要对应上仓库路径。
• 完全不需要手动上传SSL密钥和证书，GitHub会自动处理证书的申请、续期和部署，你不用操心这部分。

内容的提问来源于stack exchange，提问作者Loud Software