statyczne pliki z express.js

Question

chcę służyć index.html i /media podkatalogu postaci plików statycznych. Plik indeksu powinien być wyświetlany zarówno pod adresami /index.html, jak i /.

mam

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

ale druga linia najwyraźniej służy całą __dirname, w tym wszystkich plików w nim (nie tylko index.html i media), którego nie chcę.

Próbowałem też

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

ale dostępu bazowy URL / następnie prowadzi do wniosku o web_server/index.html/index.html (podwójne index.html Component), co oczywiście nie powiedzie się.

Wszelkie pomysły?

---

Przy okazji udało mi się znaleźć żadnego dokumentację Express na ten temat (static() + jego params) ... frustrujące. Również link do dokumentu jest mile widziany.

Answer 1

express.static() oczekuje, że pierwszym parametrem będzie ścieżka , a nie nazwa pliku. Sugerowałbym utworzenie kolejnego podkatalogu, który zawierałby twój index.html i używał tego.

serwowania plików statycznych Ekspresowe documentation.

Answer 2

Jeśli masz tę konfigurację

/app 
    /public/index.html 
    /media 

Następnie powinno to dostać to, czego chciał

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

Sztuczka opuszcza ten wiersz jako ostatni awaryjnej

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

chodzi o dokumentację, Ponieważ Express korzysta z oprogramowania pośredniego, łatwiej było po prostu spojrzeć bezpośrednio na kod źródłowy Connect.

Na przykład ten pokazuje, że linia jest obsługiwana index.html https://github.com/senchalabs/connect/blob/2.3.3/lib/middleware/static.js#L140

Answer 3

W najnowszej wersji wyrażenia „createServer” jest przestarzała.Ten przykład działa dla mnie:

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

Answer 4

res.sendFile & express.static oba będą działać w tym

var express = require('express'); 
var app = express(); 
var path = require('path'); 
var public = __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); 

Gdzie public to folder, w którym kod po stronie klienta jest

Answer 5

npm zainstalować serve- indeks

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