[Bot]

Salut je rencontre un soucis lors de la récuperation de mon token le probleme est que je n’arrive pas a proteger la routes « dashboard » si l’utilisateurs n’est pas identifier:
— BACK —
Voici mon fichier routing.js :
La fonction qui verifie mon token :
La ou je gére la routes pour la protéger :

const express = require('express');
const router = express.Router();
const dashboardUsersController = require('../controllers/dashboardUsers.');
const verifyToken = require('../configs/validateToken.');

router.get(
  '/dashboard',
  verifyToken.validateToken,
  dashboardUsersController.dashboardUser
);

module.exports = router;
 

const jwt = require('onwebtoken');

function validateToken(req, res, next) {
  const authHeader = req.headers['authorization'];
  const token = authHeader && authHeader.split(' ')[1];

  if (token == null) return res.sendStatus(401);

  jwt.verify(token, 'MACLESECRETE1234567898989', (err, decoded) => {
    if (err) return res.sendStatus(403);

    req.tokenData = decoded;
    console.log(decoded);
    next();
  });
}
module.exports = {
  validateToken,
};

const isAuthenticated = localStorage.getItem('authToken');

root.render(
  
    
      <Route activeClassName="active" path="/" element={} />
      <Route
        path="/dashboard"
        element={
          
            
          
        }
      />
    
  
);

——————–
axe_san – Envoyé depuis le Discord : Culte du code

Sujet

[Bot]

Reste du code :

Puis ma vérification (D’ailleurs il renvoie false meme si il passe dans la reponse 200):

import { useNavigate } from 'react-router-dom';
import React, { useEffect, useRef } from 'react';
import { Navigate } from 'react-router-dom';
import axios from 'axios';
// ...
const PrivateRoute = ({ isSignedIn, children }) => {
  const isValidToken = useRef(false);
  const navigate = useNavigate();

  const checkTokenValidity = async () => {
    try {
      const response = await axios.get('http://localhost:3000/dashboard', {
        headers: {
          Authorization: `${isSignedIn}`, // Inclure le token dans l'en-tête de la requête
        },
      });
      console.log('RESPONSE:', isSignedIn);

      if (response.status === 200) {
        // Le token est valide
        isValidToken.current = true;
      } else {
        // Le token est invalide
        isValidToken.current = false;
      }

      if (response.status === 401) {
        navigate('/', { replace: true });
      }
    } catch (error) {
      console.error(
        "Une erreur s'est produite lors de la vérification du token:",
        error.message
      );
    }
  };

  checkTokenValidity();

  console.log('isValidToken', isValidToken.current);

  if (!isValidToken.current) {
    return (
      
        
        Vous devez vous connecter pour accéder à cette page

      
    );
  } else {
    return children;
  }
};

export default PrivateRoute;

——————–
axe_san – Envoyé depuis le Discord : Culte du code

[Auteur]

Réponses