Question

我正在尝试使用Vue和Laravel创建一个简单的CRUD。我在web.php中有一条路线：

Route::resource('phonebook','PhonebookController');

并在Add.vue文件中，我使用axios发送POST请求：

saveData(){
  console.log(this.$data.list);
  axios.post(`phonebook`,this.$data.list)
    .then((response)=> {
      this.close()
    })
    .catch((error) => this.errors = error.response.data.errors)
}

我已经测试过这是否适用于GET方法而没有任何错误。但在发布时，它显示：

app.js：1002 POST http://localhost:8000/phonebook 500（内部服务器错误）

在这方面，有人可以帮助我吗？

Answer 1

您可以通过以下Chrome Inspect >>>网络>>>单击红色链接>>>来检查该错误，现在检查响应您将在此处得到实际的问题。

如果问题/错误是“目标类控制器不存在”，则是laravel的错误，因为它不再支持传统的路由声明，因此可以使用：

 use App\Http\Controllers\PhonebookController;

 Route::get('/users', [PhonebookController::class, 'index']);
 // or
 Route::get('/users', 'App\Http\Controllers\PhonebookController@index');

发布时Vue-Laravel 500（内部服务器错误）

1 个答案: