سلام من می خوام با ویو یه جستجو 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');
در صحفه ای که هستید راست کلیک کنید روی گزینه inspect element بزنید در صفحه ای که باز میشه وارد تب network بشید و در خواست خودتون رو پیدا کنید که ارور ۵۰۰ داره اگر نبود در همون حالت صفحه رو رفرش کنید از اونجا مشکلی که وجود داره رو بهتون نشون میده
کدهای بالا ویرایش شده الا به درستی کار می کنه کلا خواستم بگم اگه کسی خواست یه search ajax داشته باشه تو لاراول می تونه ازش استغاده کنه
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟