ssl - 信任 https ://localhost:3000/of MEAN stack in Chrome & Mac

Question

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

现在，出于某种原因，我需要让 https://localhost:3000/#/home 在 Chrome 中工作。目前，它给出 This site can't be reached; localhost 意外关闭了连接 错误。

有人知道怎么修改吗？我应该在 mac 中还是在我的应用代码中设置一些东西？

编辑 1: 我找到了这个页面:SSL/HTTPS server with Node.js and Express.js .所以我生成了文件并修改了节点代码。现在加载 https://localhost:3000/#/posts/editor/ 显示页面，但我想删除烦人的 Not Secure 警告。

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

有人能帮忙吗？

Answer 1

关于这个问题其实有很多跟帖，比较困惑。我按照适合我的方式写作。

1. 我终于按照此页面生成了文件 http://blog.mgechev.com/2014/02/19/create-https-tls-ssl-application-with-express-nodejs/ .请注意，我将 localhost 设置为 Common Name(不确定它是否真的是必需的)。

2. 在我的 MEAN 项目的 www 中

   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，然后转到 Dev Tools 的 Security 选项卡 查看其证书。然后将证书拖到桌面。

4. 双击桌面上的证书，打开 Keychain Access。确保证书在 login 中(不一定是 system)。如果不是，则将证书拖到 login 中。

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

6. (可能重启Chrome)，在npm start应用程序后，享受冲浪https://localhost/#/new带绿色安全灯。