nihanli API view dönmüyor, json response dönüyor:
public function show($id)
{
$user = User::findOrFail($id);
return UserResponse::make($user);
}
GET /users/1
{
"id": 1,
"name": "John Doe",
"email": "john@doe"
}
https://laravel.com/docs/8.x/eloquent-resources
Sizin view dediğiniz Vue tarafında vue-router tarafından mount edilen Show.vue gibi component:
users/Show.vue
<template>
<div v-if="!loading">
<h1>Kullanıcı Bilgileri</h1>
<div><strong>{{ user.name }}</strong></div>
<div>{{ user.email }}</div>
</div>
<div v-else>Yükleniyor...</div>
</template>
<script>
import {onMounted, ref} from 'vue'
import {useRoute} from 'vue-router'
export default {
setup() {
const route = useRoute()
const user = ref({})
const loading = ref(true)
onMounted(() => {
axios.get('/users/' + route.params.id)
.then(response => user.value = response.data)
.then(() => loading.value = false)
})
return {
user,
loading
}
}
}
</script>
https://next.router.vuejs.org/