在 Chrome 和 Mac 中信任 MEAN 堆栈的 https://localhost:3000/

我在 macOS Sierra 10.12.3 中使用 Chrome。我想我已经设置好了ssl for localhost很久以前。现在，两者http://localhost/ and https://localhost/在 Chrome 中返回下面的文件夹列表localhost。我创建了一个nodejs应用程序。所以输入后npm start在命令行中运行服务器，我们可以打开http://localhost:3000/#/home作为 Chrome 中的前端。

现在，出于某种原因，我需要做https://localhost:3000/#/home在 Chrome 中工作。目前，它给出了This site can't be reached; localhost unexpectedly closed the connection error.

有谁知道如何修改这个？我应该在 mac 中还是在我的应用程序代码中设置一些东西？

Edit 1:我找到了这个页面：使用 Node.js 和 Express.js 的 SSL/HTTPS 服务器 http://kyrcha.info/2014/10/14/sslhttps-server-nodejs-expressjs/。所以我生成了文件并修改了节点代码。正在加载https://localhost:3000/#/posts/editor/显示页面，但我想删除烦人的Not Secure警告。

如上面的屏幕截图所示，我能够查看其证书（尽管有错误ERR_CERT_COMMON_NAME_INVALID）。我将证书复制到桌面并拖到login of the Keychain Access工具并将其设置修改为Always Trust。我重新启动 Chrome，重新加载页面，但是Not Secure警告仍然存在。

有人可以帮忙吗？

关于这个问题其实有很多帖子，而且很混乱。我以适合我的方式写作。

1. 我终于按照这个页面生成了文件http://blog.mgechev.com/2014/02/19/create-https-tls-ssl-application-with-express-nodejs/ http://blog.mgechev.com/2014/02/19/create-https-tls-ssl-application-with-express-nodejs/。注意我设置的localhost as Common Name（不确定这是否真的是强制性的）。

2. In www我的 MEAN 项目

   var fs = require("fs");
   var config = {
       key: fs.readFileSync('key.pem'),
       cert: fs.readFileSync('cert.pem')
   };
   var server = https.createServer(config, app).listen(3000);
   

3. 在 Chrome 中，我打开https://localhost:3000/#/new，然后我去Security tab of Dev Tools查看其证书。然后将证书拖到桌面上。

4. 双击桌面上的证书，打开Keychain Access。确保证书位于login（不必要system）。如果不是，则将证书拖入login.

5. 将所有内容更改为Always Trust

6. （也许重新启动Chrome）， 后npm start应用程序，享受冲浪https://localhost/#/new与绿色安全灯。