file statici con express.js

Voglio servire index.htmle /mediasottodirectory come file statici. Il file indice deve essere offerto sia su /index.htmlche sugli /URL.

io ho

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

ma la seconda riga apparentemente serve l'intero __dirname, compresi tutti i file (non solo index.htmle media), che non voglio.

Ho anche provato

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

ma l'accesso all'URL di base /porta quindi a una richiesta web_server/index.html/index.html(doppio index.htmlcomponente), che ovviamente fallisce.

Qualche idea?

A proposito, non ho trovato assolutamente alcuna documentazione in Express su questo argomento ( static()+ i suoi parametri) ... frustrante. Un link doc è anche il benvenuto.

express.static()si aspetta che il primo parametro sia un percorso di una directory, non un nome file. Suggerirei di creare un'altra sottodirectory per contenere la tua index.htmle usarla.

Serve file statici in veloce documentazione , o più dettagliata serve-staticdocumentazione , compreso il comportamento predefinito di servireindex.html :

Per impostazione predefinita, questo modulo invierà file "index.html" in risposta a una richiesta in una directory. Per disabilitare questo set false o per fornire un nuovo indice, passare una stringa o un array nell'ordine preferito.

Se hai questa configurazione

/app
   /public/index.html
   /media

Quindi questo dovrebbe ottenere quello che volevi

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);

Il trucco sta lasciando questa linea come ultimo fallback

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

Per quanto riguarda la documentazione, poiché Express utilizza il middleware di connessione, ho trovato più semplice esaminare direttamente il codice sorgente di connect.

Ad esempio, questa riga mostra che index.html è supportato https://github.com/senchalabs/connect/blob/2.3.3/lib/middleware/static.js#L140

Nella versione più recente di express il "createServer" è obsoleto. Questo esempio funziona per me:

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.sendFileed express.staticentrambi funzioneranno per questo

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);

Dove si publictrova la cartella in cui si trova il codice lato client

Come suggerito da @ATOzTOA e chiarito da @Vozzie , path.joinprende i percorsi da unire come argomenti, +passa un singolo argomento al percorso.

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 );
})

usa di seguito in app.js

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

(folderName è una cartella che contiene file) - ricorda che queste risorse sono accessibili direttamente attraverso il percorso del server (es. http: // localhost: 3000 / abc.png (dove come abc.png è nella cartella folderName)