angular - 获取 angular-cli 以通过 HTTPS 服务

Question

以下似乎没有做任何事情。

ng serve --ssl true --ssl-key <key-path> --ssl-cert <cert-path>

---

通过在默认 ssl 目录中提供它们来创建证书和 key 仍然没有任何作用。

看起来 ng server 完全忽略了 --ssl 参数并一直说 NG Live Development Server is running on http://localhost:4200 .

Answer 1

Angular CLI 6+

我已经更新了我自己的项目，所以我想我现在也可以更新这个答案了。

您现在将 key 和证书的路径放入您的 angular.json 文件中，如下所示:

{
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "projects": {
       "<PROJECT-NAME>": {
           "architect": {
               "serve: {
                   "options": {
                       "sslKey": "<relative path from angular.json>/server.key",
                       "sslCert": "<relative path from angular.json>/server.crt",
                       ...
                   }, ...
               }, ...
           }, ...
       }, ...
   }, ...
}

然后你可以运行:

ng serve --ssl

如果您希望默认启用 SSL，那么您应该在 sslKey 和 sslCert 的正下方添加一个 "ssl": true, 选项。

您可以在 Angular CLI documentation 找到 angular.json 模式.

Angular CLI 1.0.0+ 的旧答案。

Angular-CLI 现在可以使用 SSL 选项。正如您所注意到的，您可以手动选择要与命令一起使用的 key 和证书:

ng serve --ssl --ssl-key <key-path> --ssl-cert <cert-path>

如果您想为您的 key 和证书设置一个默认路径，那么您可以进入您的 .angular-cli.json 文件相应地调整默认部分:

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "defaults": {
        "serve": {
            "sslKey": "<relative path from .angular-cli.json>/server.key",
            "sslCert": "<relative path from .angular-cli.json>/server.crt",
            ...
        }, ...
    }, ...
}

然后你可以运行:

ng serve --ssl

如果您希望默认启用 SSL，那么您应该在 sslKey 和 sslCert 的正下方添加一个 "ssl": true, 选项。