Laravel Sanctum/Airlock with Vue for SPA Auth
Andre Madarang Andre Madarang
53.4K subscribers
60,808 views
878

 Published On Feb 29, 2020

http://usefullaravelpackages.com

Airlock has been renamed to Sanctum: https://blog.laravel.com/airlock-rena...

We take a look at using Laravel Airlock to authenticate our Single Page Application in Vue. Airlock provides a lightweight authentication system relying on Laravel's built-in cookie-based session authentication services. We use a Vue CLI application to scaffold out the front-end and a Laravel 7 application for the backend. We also make use of Tailwind UI components, look at navigation guards in Vue and do some basic validation.

GitHub Repo for Laravel: https://github.com/drehimself/airlock...
GitHub Repo for Vue: https://github.com/drehimself/vue-air...

If you want to do Mobile Auth, I did a video on that too:    • Laravel Sanctum/Airlock Mobile Auth w...  

This article helped me out a lot: https://serversideup.net/using-larave...

This doesn't seem to work in Safari. Did some digging and it looks like Safari does NOT send the cookies when making a request to /login, resulting in errors. The cookies do exist though. Will update description if I find a solution. Here is a thread where someone has the same issues: https://stackoverflow.com/questions/5.... If you figure out a solution, please let me know :).

LINKS
My courses: https://codewithdre.com
Sign up for my newsletter: http://andremadarang.com/newsletter
My website: http://andremadarang.com
Twitter:   / drehimself  
GitHub: http://github.com/drehimself
CodePen: http://codepen.io/drehimself

show more

Share/Embed