Удаление объекта с помощью Axios, Vue, Laravel

Question

Я пытаюсь удалить объект как из моего представления, так и из моей базы данных MySQL, однако я сталкиваюсь с этой ошибкой: DELETE http://localhost:8000/api/machines/[object%20MouseEvent] 404 (Not Found)

Если я удаляю вызов axios, этот метод удаляет объект изпредставление (конечно, когда я перезагружаю страницу, она возвращается, потому что я не сохраняю ее в БД.

Вот как выглядит метод:

removeElement(index) {
 axios
  .delete("machines/" + index)
  .then(res => {
   confirm("Are you sure you want to delete this item?") &&
   this.machines.splice(index, 1);
  })
  .catch(err => {
    console.log(err);
  });
},

Вот как выглядит маршрут:

 Route::delete('machines/{id}', [
  'as' => 'machines/{id}',
  'uses' => 'MachineController@destroy'
  ]);

А вот как выглядит контроллер:

public function destroy(Request $request, $id)
 {
   $machines = Machine::findOrFail($request->id)->delete();
 }

Может ли кто-нибудь помочь мне или хотя бы направить меня в правильном направлении? Заранее спасибо!

Answer 1

http://localhost:8000/api/machines/[object%20MouseEvent]

это неверный URL. Похоже, вам нужно вместо этого получить идентификатор компьютера и использовать его запрос.

Попробуйте использовать removeElement(machine.id) вместо того, что вы делаете сейчас.

Если этого недостаточно, поделитесь кодом vue / js с removeElement, позвоните в него