Nuxt Authentication with Laravel Sanctum

Want more? Explore the library at codecourse.com
A quickstart guide to authenticating in Nuxt with a Laravel API using Sanctum. We’ll use the latest version of nuxt/auth, which includes native support for Sanctum as a provider.
Official site
www.codecourse...
Twitter
/ teamcodecourse

[@SandmanGeek]

Nicely explained Alex. A video on Laravel Sanctum with GraphQL would be a great help as there are not many tutorials/guides, specifically with GraphQL.

[@agun21st]

best and easy tutorial for Laravel Sanctum with Nuxt Auth. Salute Sir. easiest explanation.

[@oussamavive1]

thank you very much Alex! i finally got the 'stateful' meaning and get it working properly!!!

[@xLastxTemplarx]

Regarding what you said at 7:42 , you still need to add an index.js file inside the store folder, otherwise vuex will not work and you will need to refresh your page after logging in for example in order to see the changes.

[@cla1814]

Thank you missed this step. No wonder why login was not working.

[@MuhammadKhalilZarpio]

Please make a video on nuxt auth configuration with Laravel passport, reading everywhere since yesterday but not in luck. Thank you 💕

[@ColorFR]

i have this issue: '...CSRF token mismatch..." any idea? i pasted 1 day on this problem

[@JesusGil90]

It would be great if you can continue with Two Factor Authentication 😁

[@josuebarros-desenvolvedorw2490]

how can I do a mult-auth??? different authentication for /admin and another for /user??? 2 separate dashboards, manipulating 2 separate user types (not role)

[@gurmukhsingh-uh5qo]

thank you for this video, was facing an issue with env var

[@ukandumichael7796]

had no choice but to subscribe...great video..short and useful

[@pablodiazmateus2263]

Hi Alex hope you are doing great. I'm having an issue deploying the Nuxt js + Laravel application. I have 2 index files ... of course I can't have them both ... The nuxtjs makes a index.html with all the app and the Laravel makes a index.php. So the issue is that if I left the nuxtjs one ... I can't access to Laravel Telescope/Horizon, and if I remove the index.html I can't access the Front-end I made with Nuxtjs. Any ideas - videos - recommendations about it ? Thanks in advance for your time !

[@Shatic]

Thank you for this tutorial!

[@iffar1830]

Why didn't you get the CORS issue when you requested /login endpoint even if you did not exclude that endpoint in config/cors.php ?

[@muhammadfadzilah9394]

how to solve error with Session store not set on request. I using stateful sanctum

[@RamuRamu-eu2sx]

You did good tutorial on nuxt.js but registration and Login things makes us so difficult to understand can you add registration part on this

[@rodrigoalejandrobravopina3624]

THX BRO STILL WORKING

[@jonice4229]

can you make a tutorial how to deploy this?

[@OreefyOfficial]

Is it possible? Laravel as backend and NuxtJs as a frontend to host into the same domain.

[@r3n736]

of course why not?

[@АнтонРевякин]

But how to register via auth-next???

[@КириллБелоусов-ы5е]

in which folder is the admin panel created? in client project or inside laravel project?

[@Mahmudulhasan-ts5hm]

how to use SPA auth and TOKEN auth both together ?

[@Irsatechnologyco]

in LoginController Unhandled \Illuminate\Auth\AuthenticationException for throw new AuthorizationException

[@chineduchiaju2519]

Hey please on deployment, what would be the SESSION_DOMAIN

[@ivogacina4740]

you did not provide middleware:['auth'] in nuxt.config , means your routes are not procteded on client side , you can acess any route without being logged in.If you add that , like docs says , than refreshing the page always redirects you to login even if you are already logged in.This is broken lib completely, just look at git issues

[@Insidious18]

Nice! Any idea how I can add Google signin to work with this setup?

[@KAZUxVIEW]

Thanks a lot !

[@siyabdev]

You're a GEM

[@felipefl200]

Awesome and helpfull

[@AhmadZaki95]

'/user' already return unauthentication !!!!

[@alexnewman7853]

i have a problem with CORS on localhost. What to do?

[@douglasokonu2653]

I had the same problem and changed the paths on the config file: cors.php : 'paths' => ['api/*', '/sanctum/*'], then cleared cache with (important!): php artisan config:gache

[@ViralTVAbyzer]

great videos

[@eslamabdallahabass5662]

This doesn't work with nuxt3

[@JenuelDevTutors]

is their a video about registering a new user?

[@ezekielwachira1691]

I was wondering on that but registering a user does not use nuxt auth with sactum, you have to manually do that, send an API request to a register route in your laravel project but you will encounter CORS issues when doing that, to remove the CORS issues, first you have to make a request to Sanctum CORS then make your register request to the server.

[@JenuelDevTutors]

@@ezekielwachira1691 oh yeah,, I actually figured it out, I create an API for my register function. Thanks :)

[@jorgeluisborges8166]

theme vscode?

[@Mahmudulhasan-ts5hm]

show to add register in this process?

[@ezekielwachira1691]

I was wondering on that but registering a user does not use nuxt auth with sactum, you have to manually do that, send an API request to a register route in your laravel project but you will encounter CORS issues when doing that, to remove the CORS issues, first you have to make a request to Sanctum CORS then make your register request to the server.

[@ezekielwachira1691]

CORS issues happening

[@chronyan]

github.com/nuxt-community/proxy-module

[@douglasokonu2653]

I had the same problem and changed the paths on the config file: cors.php : 'paths' => ['api/*', '/sanctum/*'], then cleared cache with (important!): php artisan config:cache laravel doesn't load the cors.php config file edits until you clear the cache hence the cors error

[@ezekielwachira1691]

@@douglasokonu2653 I solved it using proxy module 🤞

[@yonghunchoi8944]

great !!!

[@benyaminbolhassani3708]

thanks . can u help me out when i get this error No 'Access-Control-Allow-Origin'

[@douglasokonu2653]

I had the same problem and changed the paths on the config file: cors.php : 'paths' => ['api/*', '/sanctum/*'], then cleared cache with (important!): php artisan config:gache then it worked

[@omareliotorrescastillo4808]

@@douglasokonu2653 this solution does not work

[@SohailKhan-tc8uz]

Hi bro first comment

[@jonahmarsden]

CORS errors everywhere. Tutorial is completely useless now, don't waste your time.

[@jaspercaelan4998]

Same, doesn't work.

[@JesusGil90]

[@masaakiuechi6190]

If you are having 401 unauthorized error after loggin, fix SANCTUM_STATEFUL_DOMAINS on .env file to " SANCTUM_STATEFUL_DOMAIN". It worked for me...