Axios request returns error 500 (laravel, axios & vuejs)

Question

My axios request (combined with Laravel) gives me a 500 error in the web console when I try to save a new question (= Frage):

"Error: Request failed with status code 500"

VueJS-method save():

save: function(){
    axios.post('/api/save-frage', this.Frage) //passes the object this.Frage
        .then(res => {
            // nothing here
            });
}

api.php:

Route::post('/save-frage','FragenController@store');

FragenController.php (Controller):

 public function store(Request $request)
    {
        // validation coming soon :)
        $frage = new Frage;
        $frage->Frage = request('Fragentext');
        $frage->save(); //if I comment this out, there's no error 500 :)
    }

Frage.php (Model):

<?php

    namespace App;

    use Illuminate\Database\Eloquent\Model;
    use Illuminate\Support\Facades\Auth;

    class Frage extends Model
    {
        protected $table = 'fragen';
        protected $fillable = ['Frage']; // only field to fill is called "Frage"

    }

I thought maybe the route was wrong (api.php), but if I change this, I then get a 404 error, so I guess this is correct, since otherwise there would have always been a 404 error. Then I checked the model if maybe the table or fields were protected but this looks good to me. What am I doing wrong here?

So, can you show, what you have in $request? dd($request->all()) — Oleg Nurutdinov
– Oleg Nurutdinov, Commented Apr 25, 2020 at 19:43
status code 500 is a generic "catch-all" response. Check the /storage/logs/laravel.log file to see the error trace — porloscerros Ψ
– porloscerros Ψ, Commented Apr 25, 2020 at 19:44
could you add your error from the response? you can find it in the network tab — Joseph
– Joseph, Commented Apr 25, 2020 at 20:04

Dominic · Accepted Answer · 2020-04-25 20:43:58Z

1

Thanks guys, by looking in the XHR tab, as well as in laravel.log I saw the issue:

I reused an older table ("Frage") that

didn't have the necessary "created_at" and "updated_at" columns.
has lots of other columns beside "Frage" without a default value, that needed input as well.

My solution:

add the missing two columns
send the other column values in the this.Frage also.

answered Apr 25, 2020 at 20:43

Dominic

5409 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Axios request returns error 500 (laravel, axios & vuejs)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related