启用Https后,使用.Net Core 2.1.2 + Angular 6重启HMR循环

时间:2018-08-13 23:12:00

标签: angular asp.net-core

要在.Net Core 2.1.2上启用https,我添加了:

        //https
        app.UseHttpsRedirection();
        app.UseHsts();

然后,我在“调试”标签中的projet属性中启用了SSL选项。

api正常工作。

对于Angular 6,在angular.json中,我使用以下命令修改了npm run start命令:

 ng serve --ssl --ssl-key certificate.key --ssl-cert certificate.crt --proxy-config proxy.config.json

然后我通过将新的https链接添加到我的api中来更新proxy.config.json。

{
  "/api": {
    "target": "https://localhost:44313/",
    "secure": false
  }
}

注意:将安全性设置为false很重要,因为我没有在本地主机中生成ssl证书。当您将该选项设置为true时,Angular将不会接受不安全的ssl调用。

当我加载有角度的App时,网站正确加载,然后我在控制台中看到[WDS]已断开连接,然后网站重新启动,有时是一次,有时是多次。

当启用Https时,如何使Angular 6的.Net Core 2.1.2的HMR无需循环重启就可以工作?

1 个答案:

答案 0 :(得分:0)

问题是因为我的浏览器不认为我的Angular应用程序安全。因此,我遵循以下指示: https://medium.com/@rubenvermeulen/running-angular-cli-over-https-with-a-trusted-certificate-4a0d5f92747a

  • 生成证书+密钥
  • 在“受信任的根证书颁发机构”中授权证书
  • 使用以下命令更新package.json:

      

    “开始”:“ ng serve --ssl true --ssl-cert ssl / server.crt --ssl-key ssl / server.key --proxy-config proxy.config.json”

  • 运行:

      

    npm运行开始

  • 启动https://locahost:4200

现在一切正常。