Pages dynamiques ne supporte pas les fichiers statiques dans express (NodeJs)

Question

Bonjour Je travaille sur l'application de noeud.J'ai mis en place des fichiers statiques en utilisant express.Il fonctionne bien sous le routage normal.Tous les fichiers css et js fonctionnent correctement.Lorsque je configure dynamique la route tels que

router.get('/product/:id',function(req,res,next){ 
    Product 
    .findById({_id:req.params.id},function(err,product){ 
     if (err) return next(err); 
     res.render('main/product',{ 
     product:product 
     }); 

    }); 
}); 

Bien que la page du produit fonctionne bien, il affiche le résultat précis, mais il ne saisit pas tous les fichiers css ou js que je DEFINE folder.When publique je tente d'ouvrir le fichier css son URL est http://localhost:3000/product/css/jumbotron.css à la place, son URL doit être

http://localhost:3000/css/jumbotron.css 

Où est-ce que je fais mal ??

Answer 1

Les URL de vos ressources CSS dans votre page Web sont apparemment des URL relatives. Ajoutez un / en tête de ces URL afin qu'ils n'utilisent pas le chemin de la page Web.

Modifier cette

"css/jumbotron.ss" 

à ceci:

"/css/jumbotron.ss" 

dans votre page HTML. Sans les principaux, vos URL sont «relatives à la page», ce qui signifie que le navigateur ajoutera le chemin de l'URL de la page à votre URL CSS avant de le demander au serveur. Tu ne veux pas ça. L'ajout de / au début de la référence CSS indiquera au navigateur d'ignorer le chemin de la page.