fichiers statiques avec express.js

Je veux servir index.htmlet /mediasous - répertoire en tant que fichiers statiques. Le fichier d'index doit être diffusé à la fois sur /index.htmlet sur les /URL.

j'ai

web_server.use("/media", express.static(__dirname + '/media'));
web_server.use("/", express.static(__dirname));

mais la deuxième ligne sert apparemment l'intégralité __dirname, y compris tous les fichiers qu'elle contient (pas seulement index.htmlet media), ce que je ne veux pas.

J'ai aussi essayé

web_server.use("/", express.static(__dirname + '/index.html'));

mais l'accès à l'URL de base /conduit alors à une demande à web_server/index.html/index.html(double index.htmlcomposant), qui bien sûr échoue.

Des idées?

Soit dit en passant, je n'ai pu trouver absolument aucune documentation dans Express sur ce sujet ( static()+ ses paramètres) ... frustrant. Un lien doc est également le bienvenu.

express.static()s'attend à ce que le premier paramètre soit le chemin d'un répertoire, pas un nom de fichier. Je suggère de créer un autre sous-répertoire pour contenir votre fichier index.htmlet l'utiliser.

Servir des fichiers statiques dans la documentation Express ou une serve-staticdocumentation plus détaillée , y compris le comportement par défaut du serviceindex.html :

Par défaut, ce module enverra des fichiers «index.html» en réponse à une requête sur un répertoire. Pour désactiver cet ensemble false ou pour fournir un nouvel index, passez une chaîne ou un tableau dans l'ordre préféré.

Si vous avez cette configuration

/app
   /public/index.html
   /media

Ensuite, cela devrait obtenir ce que vous vouliez

var express = require('express');
//var server = express.createServer();
// express.createServer()  is deprecated. 
var server = express(); // better instead
server.configure(function(){
  server.use('/media', express.static(__dirname + '/media'));
  server.use(express.static(__dirname + '/public'));
});

server.listen(3000);

L'astuce est de laisser cette ligne comme dernier repli

  server.use(express.static(__dirname + '/public'));

En ce qui concerne la documentation, étant donné qu'Express utilise le middleware connect, j'ai trouvé plus facile de regarder directement le code source de connect.

Par exemple, cette ligne montre que index.html est pris en charge https://github.com/senchalabs/connect/blob/2.3.3/lib/middleware/static.js#L140

Dans la dernière version d'express, le "createServer" est déconseillé. Cet exemple fonctionne pour moi:

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

//app.use(express.static(__dirname)); // Current directory is root
app.use(express.static(path.join(__dirname, 'public'))); //  "public" off of current is root

app.listen(80);
console.log('Listening on port 80');

res.sendFileet les express.staticdeux fonctionneront pour cela

var express = require('express');
var app = express();
var path = require('path');
var public = path.join(__dirname, 'public');

// viewed at http://localhost:8080
app.get('/', function(req, res) {
    res.sendFile(path.join(public, 'index.html'));
});

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

app.listen(8080);

Où se publictrouve le dossier dans lequel se trouve le code côté client

Comme suggéré par @ATOzTOA et clarifié par @Vozzie , path.joinprend les chemins à joindre comme arguments, +passe un seul argument à path.

const path = require('path');

const express = require('express');

const app = new express();
app.use(express.static('/media'));

app.get('/', (req, res) => {
    res.sendFile(path.resolve(__dirname, 'media/page/', 'index.html'));
});

app.listen(4000, () => {
    console.log('App listening on port 4000')
})

npm install serve-index

var express    = require('express')
var serveIndex = require('serve-index')
var path = require('path')
var serveStatic = require('serve-static')
var app = express()
var port = process.env.PORT || 3000;
/**for files */
app.use(serveStatic(path.join(__dirname, 'public')));
/**for directory */
app.use('/', express.static('public'), serveIndex('public', {'icons': true}))

// Listen
app.listen(port,  function () {
  console.log('listening on port:',+ port );
})

utiliser ci-dessous dans votre app.js

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

(folderName est un dossier contenant des fichiers) - rappelez-vous que ces ressources sont accessibles directement via le chemin du serveur (c'est-à-dire http: // localhost: 3000 / abc.png (où abc.png se trouve dans le dossier folderName)