Это полное сообщение об ошибке в консоли:
POST http://127.0.0.1:8000/formSubmit 500 (Internal Server Error)
dispatchXhrRequest @ app.js:279
xhrAdapter @ app.js:118
dispatchRequest @ app.js:726
Promise.then (async)
request @ app.js:528
Axios.<computed> @ app.js:553
wrap @ app.js:1071
formSubmit @ app.js:1896
invokeWithErrorHandling @ app.js:25465
invoker @ app.js:25790
original._wrapper @ app.js:31143
Я пытаюсь получить данные из формы VueJs и вставить их в базу данных MySql через контроллер laravel
Мой метод отправки VueJ:
methods: {
formSubmit(e) {
e.preventDefault();
let currentObj = this;
axios.post('/formSubmit', {
first: this.first,
last: this.last,
phone: this.phone,
})
.then(function (response) {
currentObj.output = response.data;
})
.catch(function (error) {
currentObj.output = error;
});
}
Мой контроллер:
class StudentsController extends Controller
{
public function formSubmit(Request $request)
{
$validatedData = $request->validate([
'first' => 'required|string',
'last' => 'required|string',
'phone' => 'required',
]);
$s = new Student();
$s->first = $validatedData->first;
$s->last = $validatedData->last;
$s->phone = $validatedData->phone;
$s->save();
return response()->json($validatedData);
}
}
Это просто демонстрационный проект, поэтому, если есть другие способы отправки без получения этой ошибки, это тоже будет работать.
Спасибо