Как отправить данные из внешнего интерфейса с помощью Vue в бэкэнд с помощью nodeJs для функции обновления в CRUD с использованием Axios API?

Question

Я могу завершить операции CRUD, кроме обновления, я думаю, что поток данных в функцию updateTask не выполняется правильно, что нужно сделать, чтобы исправить проблему?

Я отправил данные в виде идентификатора и заголовка функции updateTodo, но это не сработает.

этот код находится в файле переднего плана.

 updateTodo(id,title) {
      axios.put(`http://localhost:4000/todos/${id}`,{title:this.todo.title}).then(() => {
        this.getTodos();
        this.isEditing = false;
      });
    }

и это код в бэкэнде, связанный с axios.

router.route('/:id').put((req,res)=>{
    Todo.findById(req.params.id,(err,todo)=>{
        if(!todo){
            res.send('Error fetching the todo.');
        }else{
            todo.title = req.body.title;
            todo.save()
            .then(todo=>{
                res.json({'msg':'Todo updated successfully.'});
            })
            .catch(err=>{
                res.send('the error in updating the task is ' + err);
            })


        }
    })
})

Функциональность обновления работает нормально с методом put в бэкэнде (проверено почтальоном), но не работает с внешнего интерфейса.

Answer 1

updateTodo(todo) {
  axios.put(`http://localhost:4000/todos/${todo._id}`,{title:todo.title}).then(() => {
    this.getTodos();
    this.isEditing = false;
  });
}

отправлено в целом задании вместо идентификатора и заголовка по отдельности, моя проблема в том, что я не проверил это перед публикацией.