Angular - 使用 Node JS REST API 删除文件时出现问题

Question

我正在做一个基于 Angular 的项目。

我有一个来自使用 Node JS 构建的 REST API 的图片列表。我的目标是添加一个允许用户删除图片的功能。我也尝试用 Node JS 来实现它。
这是下面的代码。

节点 JS 控制器：

 const remove = (req) => {
    
      const fileName2 = req.params.photo;
      const directoryPath = "/path/to/uploads/";
    
      fs.unlinkSync(directoryPath+fileName2); // tested with asynchronous method fs.unlink too, same result observed
    
    }; 

Node JS Route 部分：

router.get("/remove/:photo", controller.remove);

Angular 网页：（链接到 ts 控制器以返回图片数组）

<div class="card" style="width: 18rem;" *ngFor="let item of myArray">
  <div class="card-body">
    <h5 class="card-title">{{item.name}}</h5>
    <h6 class="card-subtitle mb-2 text-muted"> <a href="http://IPSERVER:PORT/remove/{{item.name}}">Delete link</a> </h6>
  </div>
</div>

这是部分工作，因为我可以在后端看到位于我的服务器中的图片已被删除。但是在前端有一个奇怪的行为，因为 Angular 网页没有停止加载，我终于得到了那个错误消息：

错误：ENOENT：没有这样的文件或目录，取消链接 '/path/to/upload/picture_M42_20210519_0q3x44b.jpg'

我也想在网页中删除图片，我想了解为什么页面无法停止加载。我该怎么办？

任何帮助将不胜感激，谢谢。

Answer 1

您永远不会在节点请求处理程序中发送响应，请将其更改为：

const remove = (req, res) => {
    
    const fileName2 = req.params.photo;
    const directoryPath = "/path/to/uploads/";
    
    fs.unlinkSync(directoryPath+fileName2);
    res.send("File was removed");
    
};