让你的 Homestead 站点支持 HTTPS
44

前段时间曾经发过一篇文章: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 站点了~,如果有什么错误的地方,还请在评论区给我拍砖哦~

本帖由 Summer 于 8个月前 加精
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 8

这个不错

8个月前

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

8个月前

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

8个月前
Soldoros

给力啊

8个月前
loodeer

正好需要!

7个月前

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

6个月前

很不错,点赞

1个月前

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

1周前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!