：3000 /：1无法加载资源：服务器以状态404（未找到）响应-ajax调用

Question

我正在开发一个节点应用，其中用户可以在帖子下提交评论，然后删除他们的评论。每个注释都有一个删除按钮，单击该按钮可将删除ajax调用发送到服务器。这有时可以完美地工作，但有时会出现:3000/:1 Failed to load resource: the server responded with a status of 404 (Not Found)错误。 我的代码：

    $(document).ready(function(){
    var deleteBtn = document.getElementsByClassName('fa-trash');
    for(var i = 0; i < deleteBtn.length; i++){
        deleteBtn[i].addEventListener('click', (event) =>{
            var elementClicked = event.target;
            var id = elementClicked.parentNode.id;
            $.ajax({
                type: 'DELETE',
                url: window.location.href + '/' + id + '/delete',
                success: function(data){
                    //do something with the data via front-end framework
                    location.reload();
                }
            });
        })
    }
});

预先感谢;）