جستجو ajax در لاراول با vue

سلام من می خوام با ویو یه جستجو ajax تو لاراول درست کنم ولی وقتی run می کنم این ارور تو console میده

GET http://localhost:8000/api/search?keywords=%D8%B1%D8%B4%D8%AA 500 (Internal Server Error)

اینم کد vue

<template>
    <div>
        <input type="text" v-model="keywords">
        <ul v-if="results.length > 0">
            <li v-for="result in results" :key="result.id" v-text="result.name"></li>
        </ul>
    </div>
</template>

<script>
export default {
    data() {
        return {
            keywords: null,
            results: []
        };
    },

    watch: {
        keywords(after, before) {
            this.fetch();
        }
    },

    methods: {
        fetch() {
            axios.get('/api/search', { params: { keywords: this.keywords } })
                .then(response => this.results = response.data)
                .catch(error => {});
        }
    }
}
</script>

این از کد php تو SearchController.php

<?php 

public function search(Request $request)
{
    $users = User::where('name', $request->keywords)->get();

    return response()->json($users);
}

اینم از مسیر دهی تو web.php

Route::get('/api/search', 'SearchController@search');