axiosによる通信でエラーが出る

Question

現在Laravelの練習用アプリを作っています。
そこでAxiosによる通信でDBにデータをinsertする処理を書いているのですが500 (Internal Server Error)が発生して処理が正常に終了しません。

<template>
    <div class="container">
        <div>クイズ内容</div>
        <textarea name="question" id="text_box" cols="30" rows="10" v-model="text"></textarea>
        <button v-on:click="addQuestion()">登録</button>
    </div>

</template>

<script>
import axios from 'axios'
export default{
    data(){
        return {
            text:'',
        }
    },
methods:{
  addQuestion(){
        axios.post('api/create',{
            question_text:this.text
        }).then(
            res=>{
                console.log(this.text);
            }
        )
    }
    }
};

</script>

Route::group(
    ['middleware' => 'api'],
    function () {
        Route::post('create', 'QuestionController@create');
    }
);

    public function create(Request $request)
    {
        $questinos = new question;
        $questinos->question_text = $request->question_text;
        $questinos->save();
        return true;
    }

そう複雑なことをしている訳でもないのでどこが悪いのか分かりません。
助言いただけたら嬉しです。

Comments

[tetsunosuke]

500 (Internal Server Error) なので「サーバ側でエラー」が起きています。
そちらのエラーログを追記してもらえますか。