VueJS 和 Laravel: DELETE 请求变成 MethodNotAllowedHttpException

Question

我正在尝试向我的 Laravel API 发出删除请求。

我有一个 todo-App 和一个带有 removeTask 方法的 tasks.js 获取 任务对象 作为参数。

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

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

这是我在 chrome-dev-tools 中得到的：

这是我的 TasksController 上的 destroy 方法：

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

我到底哪里错了？

提前致谢。

编辑

我有一条看起来像这样的足智多谋的路线：

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

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

Answer 1

在 laravel 的 routes.php 文件中设置路由，如下所示：

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

Answer 2

错误出现在 Vue 的 removeTask 方法中：

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

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

应该有这个：

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

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

没有传入id，就像我建议的足智多谋的路线。

VueJS 和 Laravel: DELETE 请求变成 MethodNotAllowedHttpException

VueJS and Laravel: DELETE Request turns into MethodNotAllowedHttpException

javascript

php

ajax

laravel

vue.js