Mon backend (nodejs) s'exécute sur un autre port et mon frontend (React) s'exécute sur un autre port ... Donc, après avoir envoyé des informations d'identification au backend et à l'authentification ... comment puis-je rediriger vers le front-end?
4 Réponses :
res.writeHead(302, {
Location: 'http://front-end.com:8888/some/path'
});
res.end();
If you specify the full url you can redirect to another port using NodeJS.
Vous pouvez utiliser une API Web (Express JS) dans nodejs pour créer une API Web et frontend toutes les bibliothèques plainJS ou modren qui enverront une requête HTTP au backend. Cela aidera davantage.
Dans votre cas, vous feriez mieux d'authentifier la demande via Ajax, de cette façon vous pouvez retourner une sorte de jeton jwt si vous l'utilisez, ou déclencher toute autre action liée à la session sur le frontend en cas de connexion réussie.
Depuis le frontend, en cliquant sur le bouton login , vous pouvez créer une fonction appelée login () quelque chose comme ci-dessous et rediriger en fonction de la réponse reçue du backend App.tsx
login() {
const requestOptions = {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ username: 'test', password: 'password' })
};
fetch('http://localhost:5000', requestOptions)
.then(response => response.json())
.then(data => history.push('/someRoute'))
.catch(err => history.push('/login'));
}