Bloquer l'access a l'application vuejs3/quasar en utilisant URl

Bonjour,

j’ai un formulaire de connexion comme ceci :

scr1

avec le quel j’accede a l’application

le probleme et quand je tape le nom de n’importe quel page dans URL (dans mon exemple j’ai la page content) il entre sans cliquer sur le button login

scr2

comment faire pour bloquer l’access a l’application par URL

Bonjour!

J’apprends toujours le français avec Google Translate, donc pardonnez-moi si je le parle mal.

Pour protéger vos données, vous devez vous assurer que votre serveur nécessite que votre utilisateur dispose d’un identifiant valide.

S’il ne s’agit que d’un test pour le moment et qu’il n’y a pas encore de serveur réel, vous pouvez simplement rediriger vers la page de connexion si l’utilisateur n’est pas connecté. Vous pouvez utiliser Vue Router pour effectuer la redirection.

Avez-vous déjà un vrai serveur ou prévoyez-vous une authentification ?

j’utilise authentification de firebase pour la connexion , si l’utilisateur est correcte je le redirecte vers le contenue de mon application

Est-ce que le contenue vient de firebase API ou est-il stocké dans l’application Vue?

le contenue viens de firebase a travers store (vuex)

Pour sécuriser vos données, vous devez configurer Firebase pour restreindre l’accès à vos données, sauf si l’utilisateur est connecté.

Voici quelques liens vers la doc Firebase sur l’authentification :

https://firebase.google.com/docs/firestore/security/get-started?authuser=0

https://firebase.google.com/docs/auth/?authuser=0


Ensuite, dans votre application Vue, avant d’essayer d’obtenir les données, utilisez l’API firebase pour vous assurer que l’utilisateur est connecté et redirigez-vous vers la page de connexion s’il ne le sont pas.

svp comment utiliser SessionStorage ?

pour faire communiquer entre les pages

Voici les documents sur SessionStorage :

Et un example:

// Enregistrer les données dans sessionStorage
sessionStorage.setItem('clé', 'valeur');

// Récupérer les données enregistrées à partir de sessionStorage
let data = sessionStorage.getItem('clé');

// Supprimer les données enregistrées de sessionStorage
sessionStorage.removeItem('clé');

// Supprimer toutes les données enregistrées de sessionStorage
sessionStorage.clear();

Cependant, pour savoir si votre utilisateur est connecté ou non, vous pouvez utiliser “Persistance de l’état d’authentification” pour Firebase :

https://firebase.google.com/docs/auth/web/auth-state-persistence?authuser=0