fortify - I have an error with logout in the stack laravel 8 / jetstream / inertiajs

Question

I'm trying to set a logout route.

I found a lot of blade syntax (like that) but none with vuejs. So I tried to replicate the result of the blade syntax by inserting an input with the csrf token in value and the name set to "_token". (the csrf variable contains the string located in the XSRF-TOKEN cookie).

When I post, I have this error in console: POST http: // localhost: 3000 / logout 419 (unknown status)

Can you tell me where my mistake is? How can I logout properly and be redirected to the page of my choice?

<form method="POST" :action="$route('logout')">
   <input type="hidden" name="_token" :value="csrf">
   <button type="submit">Logout</button>
</form>

question from:https://stackoverflow.com/questions/65617308/i-have-an-error-with-logout-in-the-stack-laravel-8-jetstream-inertiajs

Answer 1

I found the solution.

My error was on the recovery of the csrf token which was not good. I would retrieve the long string contained in the XSRF-TOKEN cookie, while I had to receive the token from my backend. These 2 strings are strictly different, for some reason that I don't know yet.

I just needed to send the csrf token to my front-end with the csrf_token() method

return Inertia::render('Dashboard', [
   'publications' => $publications,
   'users' => $users,
   'csrf_token' => csrf_token()
]);

I didn't need to do the form manually either

Finally, I was able to grab the token as a prop and include it in my post request like this:

this.$inertia.post('/logout', {
    _token: this.$props.csrf_token
})

This link helped me