ReactJS Ecommerce Part 6: Private Route in ReactJS with Authentication for Admin | Axios Interceptor

Показать описание

In this video, I have taught how to create a private route or protected route in React JS with authentication where we checking the authentication using AXIOS Interceptor by sending api request that its authenticated or not. | Laravel 8 API Sanctum.

Рекомендации по теме

Комментарии

Nice video i like your all video keep it up :)

adeelnazir

please sir make full ecommerce project react with laravel, it was nice video sir,

sujonpramanik

This video is so great! But I have stocked at accessing admin/dashboard after doing everything and I can not access admin/dashboard. What can I do pls? @Funda Of Web IT

mysuccessword

Very helpful video.
Thanks. Brother, could you please help me with react router v6 ?

abusayeed

hi.. Where did that 2 other localStorage variables "role" and the other one come from?
did i miss something?
I can't see that part was setup in the video..
thanks for the replies

iantriessomething

sir im stack in Lodding... page, probleme of Unauthorized i already change it to status

roxoorrt

@
Funda Of Web IT = can you teach us how to place the role and the other localStorage variables in this video?

iantriessomething

After adding loading code its goes to home page always when url admin/dashboard

reluxworldmusic

Hello,
the [return Promise.reject(err)] didn't work for me, but I solved it with a simple [return err];
EDIT: in fact, Firefox displays the errors in the browser, so the redirection is stopped by this display "Unhandled Rejection (Error): Request failed with status code 401". With Chrome, the error isn't displayed so everything's ok.
But this is real problem for firefox users. Maybe those errors only display in development and not in production state ?

yannpollet

can anyone explain how these two things work? function AdminPrivateRoute({ ...rest }) and <Route
{...rest}. What is the function of {...rest} here?

ChafiullahDigitalMarketing

i can still access the dashboard and am logged out.How do i solve this

prog_ramming_brains

[AdminPrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
this error is popping up

AbhishekPal-rigr

ReactJS Ecommerce Part 6: Private Route in ReactJS with Authentication for Admin | Axios Interceptor

ReactJS Ecommerce Part 6: Private Route in ReactJS with Authentication for Admin | Axios Interceptor

Reactjs Ecommerce Website | part 6 | Deploying Frontend and Backend Project in Vercel

Create Full Stack E-commerce Website Using React JS | MERN Stack eCommerce Project with Stripe

Making Private Route using the react router dom V6 MERN Stack #6

ReactJS Protected Routes (part 6 twitter clone)

Developer Last Expression 😂 #shorts #developer #ytshorts #uiux #python #flutterdevelopment

Displaying Connected Users | Private Chat Application Using ReactJS & Socket.io | Part 6

Senior Programmers vs Junior Developers #shorts

Build & Deploy A Realtime FullStack Messenger Clone With NextJS 15 | #6 NextAuth Setup

Last day at Infosys ||End of Corporate Life|| #infosys #hyderabad #Corporate #Resignation #happy

Private/Protected Routes with react-router-dom version 6 (v6)

MERN Stack Tutorial 2020 - Part 7 Protected (Private) Routes with React-Router-Dom (ReactJS)

The New Way To Create Protected Routes With React Router V6

Ab India seekhega Coding ❤️

Idea for an image in a presentation

ReactJS Ecommerce Part 5: Logout system in React JS with Bearer Token using Laravel 8 Sanctum API

Shradha didi at lpu 🤩 #apna college #viralshorts

Build A User Authentication App with ReactJS and Supabase | Part 7: Navigate To Homepage

Private Routes In React Router v6

Private routes using React and react-redux

Build an E-Commerce App using ReactJS - PART 8- Auth Functionality [React JS for Beginner]

React Native in 100 Seconds

ReactJS Tutorial - 6 - Class Components

Day 24/100: Accenture Office MiniVlog #TheSuperiorYou #100DaysOfHustleWithHarmanSingh