angular - 我已经为我的后端 ASP.NET Core Web API 为本地主机创建了一个 SSL/TLS 证书，我可以与我的前端 Angular 应用程序共享它吗？

Question

我有一个在 ASP.NET Core 中运行的后端服务器。我在那里生成了一个 SSL/TLS 证书，它被自动添加到我机器上的受信任 CA。我也想通过 SSL/TLS 为我的 Angular 应用程序提供本地开发服务。 Angular 前端在本地主机上运行，​​也只是在不同的端口上运行。我是否必须为我的 Angular 应用程序创建不同的证书，因为它位于不同的端口？ (端口的差异重要吗？此时它是否被视为不同的域？)。如果我可以分享它，我会怎么做？

谢谢

Answer 1

对于证书来说，它对端口没有影响。您只需使用此证书在您的 Angular 和 asp.net 中保护您的资源。确保您尝试连接的所有服务都在 https 上，否则您的浏览器将阻止传出请求。端口唯一重要的地方是针对 XSRF、XSS 的安全策略(内容安全策略)......

只需在 package.json 中添加如下内容:

"scripts": {
    "start": "ng serve --ssl --ssl-key c:\\certificates\\localhost.key  --ssl-cert c:\\certificates\\localhost.crt --host 0.0.0.0"

注意:--host 0.0.0.0 仅当您想从本地主机外部访问开发服务器时才需要...

在您的浏览器/开发机器中将其添加到受信任的 CA。这是有关如何为 chrome 执行此操作的引用:

https://support.securly.com/hc/en-us/articles/206081828-How-to-manually-install-the-Securly-SSL-certificate-in-Chrome