让 Chrome 信任 Homestead 内站点的 SSL 证书

我们在 Homestead 中的创建的站点会默认启用 Https 访问,但是如果直接使用 Https 的形式访问,Chrome 就会告诉我们证书有问题:

file

虽然我们可以通过点击『高级』->『继续前往 xxx(不安全)』来访问

file

但每次都要这么操作还是很烦人的,于是我今天花了点时间研究了一下,让 Chrome 永久性地信任 Homestead 中本地站点的 Https 证书。

首先确保 Homestead 代码版本 >= 7.1.1(注意:这里不是 Homestead Box 版本)

信任 Homestead 内的根证书

经过研究,我发现每次 Homestead 创建新站点时都会使用 Homestead 内置的一个根证书来签发各个站点的 SSL 证书,因此只要我们物理机操作系统信任了 Homestead 的根证书,Chrome 浏览器(或者其他程序)就会信任这个根证书签发的所有证书。

Homestead 的根证书位于虚拟机中的 /etc/nginx/ssl/ca.homestead.homestead.crt,我们通过 cat 命令查看其内容:

$ cat /etc/nginx/ssl/ca.homestead.homestead.crt

file

把这个文件的内容复制出来,保存到物理机,文件名为 homestead.crt

Mac 系统导入根证书

打开『钥匙串访问』(Keychain Access),先点击左上角的『系统』,再点左下角的『证书』,然后点击顶部的『+』号:

file

然后选择我们刚刚创建的 homestead.crt 文件,这个时候系统会要求我们输入 Mac 当前登录账号的密码,输入密码之后就会在右侧的列表里看到这个证书:

file

可以看到图标是一个红色的叉,双击这个证书,在弹出框中展开『信任』,然后选择『始终信任』:

file

关闭这个弹出框,系统会要我们再次输入密码,之后可以看到这个证书的图标变成了蓝色的加号:

file

说明我们系统已经信任了这个证书。

Windows 系统导入根证书

参考 https://wenku.baidu.com/view/efffe19e0b4e767f5bcfce3e.html

测试效果

现在我们刷新一下浏览器看下效果:

file

可以看到地址栏已经显示这是一个安全的链接。

本帖由 Summer 于 5个月前 加精
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 6
郝合心

file
无法点击啊,老哥

5个月前
leo
5个月前
hutaoseven

windows 系统的话,下载证书后,直接双击证书安装到《受信任的根证书颁发机构》(重启浏览器)即可!

  1. 证书位置
    file
  2. 双击安装证书
    file
    3.选择本地计算机,下一步
    file
    4.证书存储到《受信任的根证书颁发机构》
    file
5个月前

你可真是个小机灵鬼

5个月前

Mac 下我用 Valet

4个月前

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!