This episode is for members only
Sign up to access "Authentication with Laravel Sanctum and Vue" right now.
Get started
Already a member? Sign in to continue
Playing
12. Logging out
Episodes
01. Introduction
02. Authenticating with Sanctum
04. Installing Sanctum
6m
0%
05. Installing Fortify
3m 23s
0%
06. A quick authentication test
10m 8s
0%
07. How composables work
6m 7s
0%
08. Moving auth to a composable
5m 9s
0%
09. Attempting authentication
3m 15s
0%
10. Authenticating on reload
3m 33s
0%
11. Handling authentication errors
4m 45s
0%
12. Logging out
2m 1s
0%
03. Building a system
13. Installing Tailwind
2m 22s
0%
14. Building the navigation
7m 27s
0%
15. Building the login page
6m 11s
0%
16. Logging out from the navigation
1m 56s
0%
17. Registering an account
7m 25s
0%
18. Middleware pipelines
11m 24s
0%
19. Guest middleware
3m 40s
0%
20. Authenticated middleware
2m 26s
0%
21. Switching to API resources
2m 32s
0%
Transcript
00:00
So finally, as part of our base authentication functionality, we want the ability to log out. This isn't going to be anything new because we just need to hit the log out endpoint and update our state.
00:10
Let's go ahead and get started. Okay. So we'll head over to use auth and we'll create out a new function in here. So of course, we're going to call this log out and inside of here, we
00:23
will also make sure we expose this. Now, where do we want to invoke log out from? Well, probably from the navigation. We can do this from anywhere.
00:32
Remember using a composable is super handy. Okay. So in here, let's go and create our button and we will say, log out. We'll say V on click and we'll say log out.
00:45
Okay, great. Now, when we get to the next section, where we build out more of a system, we're going to want to log out and then redirect somewhere, potentially something like that.
00:55
So bear in mind that this is going to be very simple because we're working with very static functionality here, all on one page. Okay. So let's go over to our app and just authenticate and we should see that log
01:06
out button clicking it, of course does absolutely nothing at the moment. Okay. So over to use auth, what do we need to do in here? Well, we'll probably want to make sure that we catch any
01:18
errors with logging out as well. And if that does happen, we will do the same thing and go ahead and use a promise reject with just a null value, just so we can catch that. But other than that, it's pretty straightforward.
01:30
We just want to go ahead and send a post request down to our log out endpoint using our Fortify route. And let's just make this async before we then go ahead and set authenticated to false and also set the user back to an empty object, and that's
01:48
pretty much all we need to do. Okay. Let's go out and try this out. So let's hit log out and there we go.
01:54
We are logged out. We're not authenticated anymore. We can log back in and log out again. Very, very simple.
21 episodes•1 hr 35 mins•1 year ago
Overview
Learn how to authenticate with a Laravel API from Vue using the Composition API.
We'll start by setting up a fresh Laravel project with Sanctum and Fortify, configure everything step-by-step, and then implement the ability to authenticate from Vue with a simple auth module — thanks to the flexibility of the Composition API.
In the second half of the course, we’ll create our own beautiful starter kit with more features, including registration and middleware to protect routes.
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Episode discussion
No comments, yet. Be the first!