在我的 UI 中选择图像如何停止我的 Web API？

Question

在 Visual Studio 2019 年，我开始了我的 .NET Core 3 Wep API。它运行接受请求。

然后，在我的 Angular UI 中，我有一个新的部分来选择一个文件。如果我单击它，然后选择一个文件，或在打开的对话框中单击取消，我的 Web API 应用程序将关闭。我试图理解这怎么可能。我只做前端的东西。没有正在进行的网络呼叫。

这是我点击的截图。

当我点击取消时，我的网络 API 停止了。我可以在 VS 中看到我的运行按钮再次启用，就像它已准备好再次启动一样。

在前端，这就是所有发生的事情：

<label class="image-upload-container btn btn-bwm" style="float: left;">
    <input #imageInput
           type="file"
           accept="image/*"
           (change)="processFile(imageInput)">
</label>
<div [ngStyle]="{'background-image': 'selectedImage'}">
</div>

这是processFile()函数：

  processFile(imageInput: any) {
    // https://www.freecodecamp.org/news/how-to-make-image-upload-easy-with-angular-1ed14cb2773b/
    console.log('in process file');
    //this.selectedImage = imageInput;
  }

你可以看到只有一个调用来记录一些东西。在开发工具中，没有网络调用或控制台错误。选择文件（或在打开的对话框中点击取消）如何导致我的后端服务停止？我什至不确定要检查什么。

Answer 1

我不知道为什么会出现这个问题，但您可以在 Visual Studio 中尝试此操作：

关闭 Tools > Options > Projects and Solutions > Web Projects -> Stop debugger when browser window is closed, close browser when debugging stops 看看是否能解决问题。

在我的 UI 中选择图像如何停止我的 Web API？

How can selecting an image in my UI stop my Web API?

asp.net-core

asp.net-core-webapi

angular