Je ne suis pas nouveau dans l'utilisation des vues de modèle express et de rendu, mais j'ai récemment essayé une nouvelle structure de répertoire qui semble avoir confondu mon instance d'application.
Il ne sert plus mes static bootstrap, css and image
fichiers et ma vue semble tout foirée maintenant.
Voici ma structure de répertoires
AppName
- node_modules folder
- src (all code live here)
- public (statics)
- css/mycss, bootstrapcss
- js/ myjs, bootstrapjs
- images folder
- models
- app.js (entry point)
Les fichiers statiques semblent être deux niveaux plus profonds que le répertoire racine. Dans mon app.js
fichier, j'ai essayé d'utiliser express static method
comme ceci:
app.use( express.static(path.join(__dirname, './src' + '/public')));
et a également essayé ceci:
app.use('/src', express.static(path.join(__dirname, '/public')));
À mon avis, par exemple, la statique est appelée comme ceci:
<link href="../public/css/bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../public/fonts/glyphicons-halflings-regular.ttf">
<link rel="stylesheet" href="../public/css/styles.css" type="text/css">
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/1.0.0-alpha.2/classic/ckeditor.js"></script>
mais toujours incapable de servir ces fichiers à mes vues. Je suis coincé là-dessus. Est-ce que quelqu'un peut m'aider? Merci
Essaye ça:
app.use(express.static(path.join(__dirname, 'src/public')));
Et ça:
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/fonts/glyphicons-halflings-regular.ttf">
<link rel="stylesheet" href="/css/styles.css" type="text/css">
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots