Having issues with remove function on Express - express

Question

I've recently started learning some backend and I'm having some issues with creating a delete function. I'm using Vue with Node, Express, Monk/Mongo.
I have a page where these card components are dynamically posted to. However,every time I run that said delete method to remove one specific instance of that said component in that view, I keep getting this error message:
DELETE http://localhost:1234/tips 500 (Internal Server Error)
And this is what I see in the Network Logs:
message: ""value" must be of type object"
And on my index.js: (sidenote, when I pass '/tips' to app.delete and run tips.remove(req.body) instead of tips.findByIdAndRemove... I end up deleting all instances of that component in that view.
app.delete('/:id', (req, res) => {
console.log(req.body);
tips.remove(req.params.id).then((tip) => {
res.json(tip);
}).catch((error) => {
res.status(500);
res.json(error);
});
});
And this is what I have on my vue component that has the delete method:
const API_URL = 'http://localhost:1234/tips'
methods: {
deleteMyTip(){
fetch(API_URL, {
method: 'DELETE',
body: JSON.stringify(this.tipObject),
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
}).then(response => response.json()).then(result => {
console.log(result);
});
}
}

Answer 1

You're trying to pass a tip object as the request body, but DELETE requests aren't supposed to have any body. Your DELETE route is expecting an ID, all you need to do is pass the ID of the tip you want to delete in the URL.
deleteMyTip(){
fetch(`${API_URL}/${this.tipObject.id}`, {
method: 'DELETE',
})
.then(response => {
// Remove item from UI
});
}
It's also common practice to return an empty body with a 204 (no content) status.