Playing
03. Running on the same domain
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
One of the crucial parts about working with Laravel Sanctum is we need
00:03
to be working on the same domain. We can have sub domains, but at the moment within our local development environment, when we go ahead and run npm run dev on our view project, you can see that we by default get a local host here with this port.
00:20
Now for our actual project, this, depending on what you're using to serve this is likely going to be different. I'm using Laravel herd, or if you're using something like Laravel valet, you'll have a dot test domain with the API.
00:34
Now this might seem a little bit odd, but effectively we want to take our client and match up to this domain locally. So this is technically going to be the API domain, but at least we can test it while we are working locally.
00:48
How do we do this? Well, what we're going to do is head over to the editor and under our config file within our client project, we're going to come down here to the bottom of our config here, and we're going to provide the server option.
01:06
Inside of here, what we can do is choose which host we want this to run on. So we want this to run on Laravel Sanctum view API dot test. And although this is our client, we can now access this with that specific port in the browser.
01:22
And even though the port is different, Laravel Sanctum is still going to work. So now that we've done this, we're going to go ahead and just close this off and rerun it just in case. And you can see now it's available on this domain.
01:33
So now at least in a local development environment, the domains are exactly the same. So really, really important step. Otherwise nothing is going to work.
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!