1. Al iniciar sesión por primera vez, el front-end (cliente) llama a la interfaz de inicio de sesión del back-end (servidor) y envía el nombre de usuario y la contraseña.
2. El backend (servidor) recibe la solicitud del cliente, verifica el nombre de usuario y la contraseña y, si la verificación es exitosa, devuelve un token al frontend (cliente).
3. El front-end (cliente) obtiene el token, lo almacena en localStorage o vuex y salta a la página de enrutamiento.
4. Cada vez que el front-end (cliente) salta a la ruta, determinará si hay un token en localStroage. Si no hay ningún token, saltará a la página de inicio de sesión. Si lo hay, saltará a la página de enrutamiento correspondiente.
5. Cada vez que ajustas la interfaz del backend (servidor) en un componente, debes agregar un token al encabezado de la solicitud.
6. El backend (servidor) determina si hay un token en el encabezado de la solicitud. Si hay un token, lo obtendrá y lo verificará. Si la validación es exitosa, devolverá los datos. Si la verificación falla (por ejemplo, el token caduca), se devuelve 401. Si no hay ningún token en el encabezado de la solicitud, se devuelve 401.
7. Si el front-end (cliente) obtiene el código de estado 401, borrará la información del token y saltará a la página de inicio de sesión.
En el front-end, el registro de inicio de sesión requiere obtener datos, pasar parámetros a través del puerto y ejecutar eventos de juicio para obtener información de inicio de sesión y un valor de token.
Token es una cadena de caracteres generada por el servidor como token para las solicitudes de los clientes.
Es equivalente al id del dato, dándole a los datos una identificación única. Su objetivo principal es resolver el problema de los servidores que solicitan con frecuencia nombres de usuario y contraseñas.
Su función es reducir la presión sobre el servidor, reducir las consultas frecuentes a la base de datos y hacer que el servidor sea más robusto.
//Solicite la interfaz de inicio de sesión y pase los parámetros.
Esto. $ClienteAPI
. Propiedades de inicio de sesión
. Entonces ((RES) = gt; {
console . log(RES . data . data);
var token = RES . data . data . recuerda _ token; // leer Obtener token
var mobile = RES data . mobile;
localStorage.setItem("mobile", mobile);
localStorage.setItem( " token", token); //Guardar el token
localStorage.setItem("value", "admin");
Brindis exitoso ({
Mensaje : "Inicio de sesión exitoso",
Posición: "Arriba",
});
Este.$ enrutador push("/mine ") ; /Saltar a mi página
})
. catch((err)= gt;{
console.log(err);
Toast.fail({
Mensaje: "Error al iniciar sesión",
Posición: "arriba",
});