VueJS and Laravel: DELETE Request turns into MethodNotAllowedHttpException

Question

I am trying to make a DELETE Request to my Laravel API.

I have a todo-App and a tasks.js with a removeTask Method that gets the task object passed as an argument.

removeTask: function(task)
{
    this.tasks.$remove(task);

    this.$http.delete('/api/tasks', { task, 'method': 'DELETE' });
},

Here is what I get in my chrome-dev-tools:

And this is the destroy Method on my TasksController:

public function destroy(Request $request, $id)
{
    //
    return response()->json(Input::all());
}

Where exactly am I going wrong here?

Thank you in advance.

EDIT

I have a resourceful route looking like this:

Route::get('/', function () {
    return view('pages.tasks.index');
});

Route::group(['prefix' => 'api'], function() {
    Route::resource('tasks', 'TasksController');
});

You need a route set up in your routes file. do you have this? — baao
– baao, Commented Aug 5, 2015 at 16:05

baao · Accepted Answer · 2015-08-05 16:06:39Z

1

Set a route in laravel's routes.php file like this:

Route::delete('api/tasks', 'TasksController@destroy');

answered Aug 5, 2015 at 16:06

baao

73.5k18 gold badges152 silver badges208 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

LoveAndHappiness Over a year ago

Thanks, I had a route. Found the problem. Had forgot to pass the id to the route. Works like charm now.

LoveAndHappiness · Accepted Answer · 2015-08-05 16:33:13Z

0

Error was in the removeTask method with Vue:

removeTask: function(task)
{
    this.tasks.$remove(task);

    this.$http.delete('/api/tasks', { task, 'method': 'DELETE' });
},

Should have had this:

removeTask: function(task)
{
    this.tasks.$remove(task);

    this.$http.delete('/api/tasks/' + task.id, task);
},

Didn't pass in the id, like my resourceful route suggested.

answered Aug 5, 2015 at 16:33

LoveAndHappiness

10.2k22 gold badges75 silver badges107 bronze badges

Collectives™ on Stack Overflow

VueJS and Laravel: DELETE Request turns into MethodNotAllowedHttpException

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related