statische Dateien mit express.js

Ich möchte als statische Dateien dienen index.htmlund /mediaUnterverzeichnis. Die Indexdatei sollte sowohl unter /index.htmlals auch unter /URLs bereitgestellt werden.

ich habe

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

aber die zweite Zeile dient anscheinend dem gesamten __dirname , einschließlich aller darin enthaltenen Dateien (nicht nur index.htmlund media), was ich nicht will.

Ich habe es auch versucht

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

aber Zugriff auf die Basis-URL / führt dann jedoch zu einer Anforderung an web_server/index.html/index.html(Doppelkomponente index.html), die natürlich fehlschlägt.

Irgendwelche Ideen?

Übrigens konnte ich in Express absolut keine Dokumentation zu diesem Thema finden ( static()+ seine Parameter) ... frustrierend. Ein Doc-Link ist ebenfalls willkommen.

express.static()erwartet, dass der erste Parameter ein Pfad eines Verzeichnisses und kein Dateiname ist. Ich würde vorschlagen, ein anderes Unterverzeichnis zu erstellen, das Ihr enthält, index.htmlund dieses zu verwenden.

Bereitstellen statischer Dateien in der Express- Dokumentation oder in einer detaillierteren serve-staticDokumentation , einschließlich des Standardverhaltens beim Bereitstellenindex.html :

Standardmäßig sendet dieses Modul "index.html" -Dateien als Antwort auf eine Anforderung in einem Verzeichnis. Um diese Einstellung auf false zu deaktivieren oder einen neuen Index bereitzustellen, übergeben Sie eine Zeichenfolge oder ein Array in der bevorzugten Reihenfolge.

Wenn Sie dieses Setup haben

/app
   /public/index.html
   /media

Dann sollte dies bekommen, was Sie wollten

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

Der Trick besteht darin, diese Zeile als letzten Fallback zu verlassen

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

Da Express die Connect-Middleware verwendet, war es für mich einfacher, den Connect-Quellcode direkt anzusehen.

Diese Zeile zeigt beispielsweise, dass index.html https://github.com/senchalabs/connect/blob/2.3.3/lib/middleware/static.js#L140 unterstützt wird

In der neuesten Version von Express ist der "createServer" veraltet. Dieses Beispiel funktioniert für mich:

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.sendFile& express.staticbeide werden dafür arbeiten

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

Wo publicbefindet sich der Ordner, in dem sich der clientseitige Code befindet?

Wie vorgeschlagen von @ATOzTOA und geklärt durch @Vozzie , path.joindie Pfade als Argumente zu verbinden in Anspruch nimmt, +übergibt ein einziges Argument Pfad.

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

Verwenden Sie unten in Ihrer app.js.

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

(Ordnername ist Ordner mit Dateien) - Denken Sie daran, dass auf diese Assets direkt über den Serverpfad zugegriffen wird (dh http: // localhost: 3000 / abc.png (wobei sich abc.png im Ordnerordner befindet).