Diese ├ťbersetzung zur Verf├╝gung gestellt von StrongLoop / IBM.

Dieses Dokument kann im Vergleich zur englischen Dokumentation veraltet sein. Aktuelle Updates finden Sie in der englischen Dokumentation.

Ôťľ

Statische Dateien in Express bereitstellen

Wenn Sie statische Dateien wie Bilder, CSS-Dateien und JavaScript-Dateien bereitstellen wollen, verwenden Sie die in Express integrierte Middlewarefunktion express.static.

├ťbergeben Sie den Namen des Verzeichnisses mit den statischen Assets an die Middlewarefunktion express.static, um direkt mit dem Bereitstellen der Dateien zu beginnen. Beispiel: Verwenden Sie den folgenden Code, um Bilder, CSS-Dateien und JavaScript-Dateien in einem Verzeichnis namens public bereitzustellen:


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

Jetzt k├Ânnen Sie die Dateien laden, die sich im Verzeichnis public befinden:


http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

Express sucht nach den Dateien, die sich auf das Verzeichnis mit den statischen Assets beziehen. Der Name dieses Verzeichnisses ist also nicht Teil der URL.

Wenn Sie mehrere Verzeichnisse mit statischen Assets verwenden wollen, rufen Sie die Middlewarefunktion express.static mehrmals auf:


app.use(express.static('public'));
app.use(express.static('files'));

Express sucht in der Reihenfolge nach den Dateien, in der sie die Verzeichnisse mit den statischen Assets ├╝ber die Middlewarefunktion express.static festgelegt haben.

Wenn Sie ein Pr├Ąfix f├╝r einen virtuellen Pfad (in dem der Pfad nicht wirklich im Dateisystem existiert) f├╝r Dateien festlegen wollen, die ├╝ber die Funktion express.static bereitgestellt werden, m├╝ssen Sie einen Mountpfad f├╝r das Verzeichnis mit den statischen Assets wie unten gezeigt angeben:


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

Jetzt k├Ânnen Sie die Dateien, die sich im Verzeichnis public befinden, aus dem Pfadpr├Ąfix /static laden.


http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

Der Pfad, den Sie f├╝r die Funktion express.static angeben, ist jedoch relativ zum Verzeichnis, aus dem Sie Ihren Prozess node starten. Wenn Sie die Express-Anwendung aus einem anderen Verzeichnis ausf├╝hren, ist es sicherer, den absoluten Pfad des Verzeichnisses zu verwenden, das Sie bereitstellen wollen:


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