时间戳

首页 > 解决方案 > 发布时 Vue-Laravel 500（内部服务器错误）

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

问题描述

我正在尝试使用 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（内部服务器错误）

任何人都可以在这方面帮助我吗？

标签： phppostlaravel-5vue.jsaxios

解决方案

您可以按照此 Chrome Inspect>>> 网络 >>> 单击红色链接 >>> 现在检查响应来检查该错误您将在那里遇到实际问题。

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

 use App\Http\Controllers\PhonebookController;

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

推荐阅读