Tengo una aplicación de inicio de sesión de reactjs y quiero almacenar el token que obtengo de la API en una cookie o almacenamiento local , el siguiente código es el método POST de autenticación básico que utilizo. ¿Puede mostrarme cómo almacenar el token en la cookie o el almacenamiento local en reactjs? ¿Cuál es mejor?
const xhr = new XMLHttpRequest(); const data = "access_token=value"; const url = "https://api"; xhr.open("POST", url); xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded"); xhr.setRequestHeader( "Authorization", "Basic " + btoa("Username:Password") ); xhr.send(data); xhr.onreadystatechange = () => { if (xhr.readyState === XMLHttpRequest.DONE) { console.log(xhr.response); } };mi respuesta tiene un parámetro de token y su valor.
En general, en la aplicación web, usamos un almacenamiento local o una sesión para nuestra identificación de token en nuestra aplicación web. entonces, puede usar almacenamiento local o sesión. según los requisitos de su proyecto, puede usar cualquiera.
Ejemplo
localStorage.setItem('variableName', data);puede guardar de esta manera en localstorage.