Je crée une application express et mon code CSS cesse de fonctionner chaque fois que j'ajoute un paramètre ": ID" à l'URL. Je sais que c'est un problème de filepath car Bootstrap est toujours bien à l'amende, mais sur la page avec le paramètre ID, cela le montre: "a refusé d'appliquer le style de ' https://xxxxxx.c9users.io/unapproved/Main.css 'car son type MIME (" Texte / HTML ") n'est pas un type de mime de style prisé, et La vérification stricte MIME est activée. "
Main.CSS est dans mon dossier public, mais on dirait qu'il regarde dans un dossier intitulé" Non approuvé ".
J'ai essayé de changer l'ordre de routage, j'ai essayé de changer mon application (express.static (__ dirname)).
voici mon app.get: voici mon HTML: Voici mon en-tête :
3 Réponses :
Dans ce type de situation, il est préférable d'utiliser supposer la structure de dossier: p> et dans vous chemin virtuel code> pour vos fichiers statiques car le chemin relatif ne fonctionne pas très bien; Comme: html code>, faire un chemin absolu p > <link rel="stylesheet" href="/static/main.css">
Je pense que le changement de chemin absolu du chemin CSS résoudra votre problème
<link rel="stylesheet" href="/main.css">
Cela a fonctionné pour moi. Je l'ai changé dans le fichier d'en-tête et cela a fonctionné. Merci!
Au lieu d'utiliser ./ ou ../ avant votre attestation (images / CSS / JS) par exemple. ./cs/style.css ou CSS / Bootstrap.css ../ images / exemple.png
Vous pouvez utiliser / par exemple
/cs/style.css ou /css/bootraps.css /images/example.png
/ indiquera à votre application de regarder à partir de Root Dir.
app.use (express.static (__ dirname + "/ public")) ?Qu'est-ce que app.get? Vous devez marquer ceci.