如何使VS2017 + IISExpress + ng服务提供最新的角度代码？

Question

我已经创建了ASP.NET Core + Angular应用程序，并且在某些时候使用IISExpress在VS2017中进行调试已停止提供当前版本的我的角度代码。

在VS2017中开始调试时，它将使用网址打开Goog​​le Chrome

http://localhost:53504/login

如果我在

中打开代码文件

Developer tools -> Sources -> webpack:// -> . -> src 

这是一个非常老的版本。我不知道为什么会这样，而不是存储在磁盘中的文件以及我在VS2017中看到的内容。

这以前有用。

如果我从VS2017输出窗口中检查ng server的端口并在chrome中打开该URL，则可以看到源的当前版本。

  

ng服务“ --port”“ 52685”

** Angular Live Development Server正在localhost：52685上侦听，请在http://localhost:52685/ **上打开浏览器

如何使F5打开的网址具有我的角度代码的当前版本？

我已重新启动计算机，以确保不活跃的调试会话处于活动状态。

这是我的launchSettings.json

{
  "iisSettings": {
    "windowsAuthentication": false,
    "anonymousAuthentication": true,
    "iisExpress": {
      "applicationUrl": "http://localhost:53504",
      "sslPort": 0
    }
  },
  "profiles": {
    "IIS Express": {
      "commandName": "IISExpress",
      "launchBrowser": true,
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    },
    "NIS": {
      "commandName": "Project",
      "launchBrowser": true,
      "applicationUrl": "https://localhost:5001;http://localhost:5000",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    }
  }
}

Answer 1

为您简化操作。当您使用VS这样创建模板时

您将在ASP.Net Core Web Server的输出中看到，它将为angular app运行一个端口，为asp.net core服务器运行一个端口，

一个端口的角度为50207。 ASP.Net Core的另一个端口是51171。因此，您只需要访问端口51171