让你的 Homestead 站点支持 HTTPS

前段时间曾经发过一篇文章:Chrome 于 V63 版本起会将 .dev 域名强制转换为 HTTPS

Chrome 的升级带来的后果是许多人的本地开发域名强制跳转至 HTTPS 导致无法使用,在这里给大家提供一种新的解决方法。

如果你是用的是 Homestead 作为开发,那么你创建的站点应当是支持 HTTPS 的(请见这个 PR Added SSL support ) 。也就是说,Homestead 在为你创建站点的时候就已经为它生成了 HTTPS 证书。但是如果你以 HTTPS 访问它,你很可能会得到这个错误:

file

这是因为 Homestead 生成的证书并没有经过第三方的验证,所以我们需要动一点小小的手脚使Chrome 信任此证书。

OSX

点击红色的错误表示

file

然后点击 无效 二字查看证书

在弹出的窗口中摁住证书图片将它拖动至桌面以生成证书文件

生成的文件大概是酱紫的

打开钥匙串访问

然后将我们前面生成的证书文件拖入 “系统” 一栏的证书内,此操作可能会要求你输入密码:

然后双击打开它,在信任一栏中设置为始终信任:

接下来,重启一下你的 Chrome ,以 HTTPS 方式访问即可。(由于我做演示的项目是内部项目,所以就不截图啦)。

Windows

由于手边没有 Widnows 电脑,所以这一段是照搬的原文,没有上面那么详细。使用 Windows 的同学也可以自己 Google 一下资料。

  1. 在证书窗口中,转到“详细信息”选项卡:

  1. 选择复制到文件

  2. 将证书文件保存到磁盘上。关闭证书窗口。

  1. 转到 Chrome > 设置,搜索SSL(chrome://settings/search#ssl)并单击管理证书:

  1. 转到“ 受信任的根证书颁发机构”选项卡,然后单击“导入”

  2. 在步骤3中选择保存在磁盘上的文件。

  1. 关闭此窗口并重新启动Chrome。

Linux

  1. 转到详细信息选项卡

ssl_linux_1

  1. 选择导出并将文件保存到磁盘上

ssl_linux_2

  1. 转到Chrome>设置,搜索SSL(chrome://settings/search#ssl),然后单击管理证书

  2. 进入“权威”选项卡

ssl_linux_3

  1. 导入证书
  2. 重新启动Chrome

结语

经过上面的操作,你现在应该可以使用 HTTPS 方式访问你的 Homestead 站点了~,如果有什么错误的地方,还请在评论区给我拍砖哦~

本作品采用《CC 协议》,转载必须注明作者和本文链接
本帖由 Summer 于 7年前 加精
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 9

虽然看了我不会这样做。 但是学到了新的姿势,感谢

7年前 评论

我本地生成的证书,这么干也不行

7年前 评论
月光

给力啊

7年前 评论

不知道是不是我的问题,我 Mac OS 试了无效。

6年前 评论

关键是我的证书拖都拖不出来

6年前 评论

windows 下无效。其他不晓得

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!