Buenos dias, estoy realizando una web que pide hacer login, y tras esto, se redirecciona a otra pagina si el usuario existe. Esto se realiza a traves de consultas Javascript a una API, donde se buscan el usuario y la contraseña y si es correcto, nos lleva a otra pagina con el contenido. Esto lo hace correctamente, pero el problema esta en que yo puedo acceder a dicha pagina privada escribiendolo directamente en la url, es decir, yo puedo acceder al contenido escribiendo http://localhost/prueba/panelPrivado.html (siendo panelPrivado.html algo que solo debiera ser accesible por un usuario previo login ).
function login(){
usuario = $('#textDNI').val();
clave = $('#passWeb').val();
if($('#textDNI').val() == ''){
alert('Debe ingresar su DNI');
return false;
}
if($('#passWeb').val() == ''){
alert('Debe ingresar su contraseña');
return false;
}else{
var urlEnvio = 'ruta de la API'
var elementos = [];
axios.get(urlEnvio, {
params: {
user: usuario,
pass: clave
}
})
.then(response => {
elementos = response.data;
console.log(response.data);
console.log(response.status)
if (elementos.count == 0) {
alert('No existe el usuario en el sistema');
}else{
window.location.href = 'panelUsuario.html';
}
});
}
}
Agradeceria cualquier ayuda sobre esto. Muchas gracias por adelantado.