Servir les fichiers statiques

10 min Niveau 5

Les fichiers statiques sont des fichiers que les clients téléchargent tels quels depuis le serveur. Créez un nouveau répertoire, public. Express, par défaut, ne vous permet pas de servir des fichiers statiques. Vous devez l'activer en utilisant l'intergiciel intégré suivant.

app.use(express.static('public'));

Note - Express recherche les fichiers par rapport au répertoire statique, le nom du répertoire statique ne fait donc pas partie de l'URL.

Notez que la route racine est maintenant définie sur votre répertoire public, donc tous les fichiers statiques que vous chargez seront considérés comme publics en tant que racine. Pour vérifier que tout fonctionne bien, ajoutez un fichier image dans votre nouveau répertoire public et changez son nom en "testimage.jpg". Dans vos vues, créez une nouvelle vue et incluez le fichier comme suit

html
    head
    body
        h3 Testing static file serving:
        img(src = "/testimage.jpg", alt = "Testing Image

Répertoires statiques multiples

Nous pouvons également définir plusieurs répertoires d'actifs statiques à l'aide du programme suivant : -.

var express = require('express');
var app = express();

app.use(express.static('public'));
app.use(express.static('images'));

app.listen(3000);

Préfixe du chemin virtuel

logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus