vue поддерживает компонент, также есть нечто, называемое реквизитами, которые представляют собой данные, которые вы можете передать своему компоненту vue. Обычно я передаю аутентифицированный идентификатор пользователя моему компоненту vue, а затем, когда я запускаю запрос от компонента vue.Я передам текущего аутентифицированного пользователя бэкэнду, и там я проверяю, совпадает ли идентификатор, полученный с запросом, с текущим аутентифицированным пользователем.
проверьте пример ниже, я буду использовать обычный сторож
загрузка компонента vue из блейда
//loading vue test-component and pass the authenticated user
<test-component :authuser="{{Auth::(user)->id}}"></test-component>
компонент vue
<script>
export default {
props : ['authuser'], //should be the same name as you passed it
data(){
return {
}
},
created(){
axios.post('/api/test' , {
'authuser' : this.authuser
})
.then(res => {
console.log(res);
})
.catch(err => {
});
}
}
Маршрут API
use Auth;
Route::post('api/test' , function($request){
if(Auth::user()->id == $request->authuser)
return 'you are authenticated';
else
return 'you are not authenticated';
});
Надеюсь, вы найдете это полезным, Удачи.