Как получить авторизованного пользователя?

Question

[ideagood]

Я только начал изучать api в связке laravel + vue, и не могу разобраться как получить авторизованного пользователя. Я пробую это сделать во так:
Контроллер

public function login(Request $request)
    {
        $credentials = $request->only('email', 'password');
        if (Auth::attempt($credentials, true)) {
            return Auth::user();
        }
        throw ValidationException::withMessages([
            'errors' => ['Логин или пароль не совпадает']
        ]);
    }

api маршруты:

Route::middleware('auth:api')->get('/user', function (Request $request) {
    return $request->user();
});
Route::post('/login', [UserController::class, 'login']);

код в компоненте vue

<template>
    <div class="container">
                <form @submit.prevent>
                    <div class="form-group mt-3">
                        <label class="text-white" for="email">Email</label>
                        <input v-model="form.email" type="text" name="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="email">
                    </div>
                    <div class="form-group mt-3">
                        <label class="text-white" for="password">Пароль</label>
                        <input v-model="form.password" type="password" name="password" class="form-control" id="password" placeholder="Пароль">
                    </div>
                    <button @click="loginUser" type="submit" class="btn my-btn-color mt-3">Войти</button>
                </form>
    </div>
</template>
<script>
export default {
    name: "LoginPage",
    data() {
        return {
            form: {
                email: '',
                password: '',
            },
        }
    },
    methods:{
        async loginUser(){
            try {
                await axios.post('api/login', this.form)
                const response = await axios.get('api/user')
                alert(response.data)
                await this.$router.push({name: 'home'})
            } catch (e) {
                console.log(e)
                this.errors.push(e.response.data.errors)
            }
        },
    }
}
</script>

в логах 401 ошибка
Error: Request failed with status code 401
Что я делаю не так?

Comments

[inFureal]

У тебя авторизация через поле name? Не email?

[ideagood]

inFureal, я пробовал и через name и email, тут же разницы нет, я уже всё перепроверил. Дополнил инфу в вопросе. Я думаю может я в контроллере не правильно аутентифицирую пользователя? может как то по другому для api нужно делать?

[ideagood]

inFureal, тьфу, я ж могу user получить и по api/login, что то я протупил. Но все равно я так понимаю после авторизации, потом по маршруту api/user я должен получать авторизованного пользователя, а там все равно ошибка 401. Поэтому я думаю что я делаю что то не так.

[inFureal]

А ты что-нибудь отдаешь? Токен? Куки?

[ideagood]

inFureal, нет, но я уже тоже понял что в этом походу дело. То есть мне нужно например пакетом Sanctum передавать токен или куки, а в vue его принять, и должно всё заработать?

[inFureal]

ideagood, если через санктум, документации есть прям целый гайд. Тебе нужна эта секция