Gestire i file statici è semplice in ExpressJS.
Per gestire i file statici, quali immagini, file CSS e file JavaScript, utilizzare la funzione middleware integrata express.static
in Express.
Fornire il nome della directory che contiene gli asset statici alla funzione middleware express.static
per iniziare a gestire i file direttamente. Ad esempio, utilizzare il seguente codice per gestire le immagini, i file CSS e i file JavaScript nella directory denominata public
:
app.use(express.static('public'));
Ora, è possibile caricare i file che si trovano nella directory public
.
http://localhost:3000/css/style.css
Express ricerca i file relativi alla directory statica, pertanto il nome della directory statica non è parte dell'URL.
Per utilizzare più directory di asset statiche, richiamare la funzione middleware express.static
più volte:
app.use(express.static('public'));
app.use(express.static('files'));
Express ricerca i file nell’ordine in cui sono state impostate le directory statiche con la funzione middleware express.static
.
Per creare un prefisso per il percorso virtuale (in cui il percorso non esiste effettivamente nel file system) per i file gestiti dalla funzione express.static
, specificare un percorso di caricamento per la directory statica, come mostrato di seguito:
app.use('/static', express.static('public'));
Ora, è possibile caricare i file che si trovano nella directory public
dal prefisso del percorso /static
.
http://localhost:3000/static/css/style.css
Tuttavia, il percorso fornito per la funzione express.static
è relativo alla directory dalla quale è possibile avviare il processo node
. Se si esegue l’applicazione Express da un’altra directory,
è preferibile utilizzare il percorso assoluto della directory che si desidera gestire:
app.use('/static', express.static(__dirname + '/public'));