Vue 3 Authentication with Laravel Breeze API | Vue Authentication Laravel

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024
  • In this video, we are going to create a full Vue authentication project.
    Laravel Breeze API.
    Vue JS Full authentication with Laravel.
    Laravel VueJS authentication.
    GitHub Repo: github.com/lar...
    Support me:
    Get the Udemy Course: bit.ly/3SMaeCY
    / laraveller
    Cloudways: www.cloudways....
    DigitalOqean $200 free: m.do.co/c/35b7...
    Follow me:
    Twitter: / laravellercom
    Facebook Page: / 1laravellercom
    Instagram: / laravellercom
    GitHub: github.com/lar...
    Website:
    Setup VS CODE for Laravel: • How to setup VS Code f...
    Setup Mac for development: • How To Setup New Mac F...
    Laravel API Vue 3 CRUD: • Vue JS CRUD with Larav...
    Laravel REST API: • Laravel Rest API CRUD ...
    Playlists:
    Vue Authentication: bit.ly/3g7YZHd
    Laravel Inertia Portfolio - bit.ly/3DlxTp5
    Laravel Reddit clone - bit.ly/3UOYS2O
    React tutorial for beginners - bit.ly/3arkqjX
    Laravel Filament Blog - bit.ly/3nWYv74
    Laravel 9 Full Tutorial - bit.ly/3nTiyTR
    Laravel 9 Media Library - bit.ly/3LpJmVr
    Laravel Essentials Full Tutorial - bit.ly/3vplyuC
    Laravel Mail Tutorial - bit.ly/37mJUNh
    Laravel Restaurant Reservation - bit.ly/3Jc5IcG
    Spatie Laravel Permission - bit.ly/3pOsOhN
    Laravel Testing For Beginners - bit.ly/3t1gNq4
    Laravel Roles and Permissions - bit.ly/3gOhM7d
    LARAVEL INERTIA MOVIE APP - bit.ly/3FVMp4Q
    Laravel Livewire Movie App - bit.ly/3s8D6v1
    Laravel Classified Website - bit.ly/3nsFRnb
    Livewire Employees - bit.ly/2ZtIpZY
    Laravel Employees Management - bit.ly/3Gglt14
    #vuejs #tutorial
    Laravel admin panel - bit.ly/3CcX75M

Комментарии • 49

  • @tonyxhepaofficial
    @tonyxhepaofficial  Год назад +9

    Vue 3 Authentication with Laravel Breeze API | Vue Authentication Laravel

  • @wittstack9611
    @wittstack9611 Год назад +3

    Great work Tony. But please, i do have a question what will be the value of session domain at the backend Using liveserver. I am getting 419 status code whenever I run from live server. Looking forward to your response. Thank you

  • @maybe_alf
    @maybe_alf Год назад +2

    Very helpful tutorial, easy to follow along. Highly appreciate it!

  • @Akash-bb6nl
    @Akash-bb6nl 4 месяца назад

    please make tutorial for laravel social login using vuejs

  • @arturmuellerromanov4438
    @arturmuellerromanov4438 Год назад +1

    Any chance you could make a guide for nuxt 3 + laravel sanctum?

  • @mijreed
    @mijreed 5 месяцев назад

    I'm stuck at the login. I keep getting the error: "CSRF token mismatch." Laravel is generating the token, I checked on the :8000 but for some reason Vue/Axios is only picking adding a 'Laravel_session' cookie, not a cookie for the CSRF generated by Laravel. Any idea?

    • @mijreed
      @mijreed 5 месяцев назад

      Tony, update your code.
      use: axios.defaults.withXSRFToken = true;

    • @Daaboo
      @Daaboo 5 месяцев назад

      same issue. did you solve it?

    • @mijreed
      @mijreed 5 месяцев назад

      @@Daaboo - I did. I turns out the request wasn't sending the CSRF token in the header. Added this line to the Axios.ts file:
      axios.defaults.withXSRFToken = true;

  • @georgelawson-betum9489
    @georgelawson-betum9489 3 месяца назад

    Very helpfull for me thank a lot !!!

  • @jorensumagang3533
    @jorensumagang3533 5 месяцев назад

    what if the session expires what to do?

  • @Nunchux149
    @Nunchux149 Год назад +1

    Amazing tutorial, very helpful and well explained. Keep up the good work! :)

  • @redouanebenbiga9148
    @redouanebenbiga9148 Год назад +1

    i don't know but when i trie to login axios response give me : These credentials do not match our records from the email part ,
    i checked my database and all stuf, any help please

    • @mosesmhlwana231
      @mosesmhlwana231 6 месяцев назад

      Hey, I'm currently facing the same issue. did you manage? if you did please help

  • @RamuRamu-eu2sx
    @RamuRamu-eu2sx Год назад +3

    What a boring every RUclipsr making this thing only using vue.js , nobody going next level.
    If u make video in udemy or RUclips on nuxt.js 3 with laravel api, Sanctum session authentication,with pinia state management, login logout, with crud application inside admin dashboard use Admin ui templete (don't use Admin LTS template use different one ), finally push the project in cpanel hosting,
    I already taken your udemy 2 classes ur making wonderful project, and good explanation,

  • @romiardiansya5220
    @romiardiansya5220 10 месяцев назад +1

    Thx for this tutorial Mr. Tony

  • @ashique12009
    @ashique12009 Год назад

    Why we need to remove COOKIES all the time to login or register?
    User won't do that.
    Please explain.
    Thanks!

  • @bubbletechs
    @bubbletechs Год назад

    Please make a tutorial spatie package with Laravel Breeze API

  • @ashique12009
    @ashique12009 Год назад

    I face an issue in `/register` endpoint.
    I see once it works with 204 status code and after that If I hit the endpoint again it does not work.
    And that time it gives me 419 status code as unknown status.
    Should I reload backend(Laravel) to reload COOKIES value to register user again for new user?
    Thanks!

  • @MauricioForeroGonzalez
    @MauricioForeroGonzalez 8 месяцев назад

    tengo un error que dice lo siguiente: "CSRF token mismatch" y el proyecto esta tal cual lo hiciste

  • @hsmyv
    @hsmyv Год назад

    I received message only "CSRF token mismatch"

  • @ckgringoblogger9170
    @ckgringoblogger9170 Год назад

    Hi, thank you for the only and unique tutorial, the best i ever saw, im facing a problem with the reset password link, when i open the email and click reset password, it is going to localhost:8000/reset-password instead of localhost/3000/reset-password, how can i edit fortify email link?

  • @endawekeenkuahone7886
    @endawekeenkuahone7886 Год назад

    Thank You man, Please do email verification 🙏🙏🙏,I have been learning from your tutorial. You are very helpful

  • @ckgringoblogger9170
    @ckgringoblogger9170 Год назад

    The best tutorial I have ever seen related to this topic, thanks for sharing your knowledge, i did it in Vue, and now I'm replicating it in Nuxt 3, everything is working except I can't find how to redirect inside Nuxt Pinia Store, can you help me, please? I tried useRouter inside the store but I got an error. Thanks

  • @araromirichie4825
    @araromirichie4825 11 месяцев назад

    So my question is how is the top domain thing achieved in production, let’s say my front end is hosted in netlify and backend with digital ocean’s cloudways

  • @davidolaboye5549
    @davidolaboye5549 Год назад

    Refreshing page makes you lose data saved via pinia. Great Explanation.

  • @workproject-gn1gn
    @workproject-gn1gn 7 месяцев назад

    Thanks

  • @edgarcastro5647
    @edgarcastro5647 10 месяцев назад

    If I wanted to deploy to a real domain without exposing the ports?

  • @junjunghasudungan1905
    @junjunghasudungan1905 Год назад

    helo sir, can send the reset password sending reset password to gmail?
    thank for this video

  • @TechPlay4202
    @TechPlay4202 Год назад

    How can i protected route auth or guest

  • @m62149
    @m62149 9 месяцев назад

    I want ask is this can prevent user access page that must login for acess that page?

  • @cubedev4838
    @cubedev4838 Год назад

    How to veryfied that email using vue?

  • @ujangaripin7630
    @ujangaripin7630 11 месяцев назад

    Awesome, helpful tutorial

  • @Ohhimark100
    @Ohhimark100 Год назад

    Awesome tutorial. Thank you.

  • @arifhossain8753
    @arifhossain8753 Год назад

    It was really great informative and easy to understand video Thanks

  • @edgarperez-mu5lt
    @edgarperez-mu5lt Год назад

    error 401 unauthorized

  • @dansonmwangi5660
    @dansonmwangi5660 Год назад

    Great tutorial, thank you for making this gem free.

  • @yt-mw4gc
    @yt-mw4gc Год назад

    dude... the adds..

  • @วีระพงษ์สุราโพธิ์-บ9ป

    Thanks you

  • @rodrigoferreira5381
    @rodrigoferreira5381 Год назад

    thanks

  • @hainamdao28
    @hainamdao28 Год назад

    thanks

  • @gandhiyasin3220
    @gandhiyasin3220 Год назад

    i can't register a user😔

  • @dmitriykret8938
    @dmitriykret8938 Год назад

    👍

  • @norjamillekasan2333
    @norjamillekasan2333 Год назад

    Do Nuxt 3 :)

  • @王玉珀
    @王玉珀 Год назад

    This video is very useful to me,TKS :)

  • @user-hl7he1hj3b
    @user-hl7he1hj3b Год назад

    why is the backend not on github

    • @tonyxhepaofficial
      @tonyxhepaofficial  Год назад

      You can install breeze api from Laravel docs. thats it nothing changed.

  • @shayanrazi6115
    @shayanrazi6115 Год назад

    nice!