file statis dengan express.js

Saya ingin melayani index.htmldan /mediasubdirektori sebagai file statis. File indeks harus disajikan di /index.htmldan/ URL.

saya sudah

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

tetapi baris kedua tampaknya melayani keseluruhan __dirname, termasuk semua file di dalamnya (bukan hanya index.htmldanmedia ), yang tidak saya inginkan.

Saya juga mencoba

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

tetapi mengakses URL dasar /kemudian mengarah ke permintaan untuk web_server/index.html/index.html(dua kali lipatindex.html komponen ), yang tentu saja gagal.

Ada ide?

Ngomong-ngomong, saya sama sekali tidak menemukan dokumentasi di Express tentang topik ini ( static()+ paramsnya) ... membuat frustrasi. Tautan dokumen juga diterima.

express.static()mengharapkan parameter pertama menjadi jalur direktori, bukan nama file. Saya akan menyarankan membuat subdirektori lain untuk menampung Anda index.htmldan menggunakannya.

Melayani file statis di Express dokumentasi , atau dokumentasi yang lebih terperinciserve-static , termasuk perilaku default penyajianindex.html :

Secara default modul ini akan mengirim file "index.html" sebagai tanggapan atas permintaan pada direktori. Untuk menonaktifkan set ini salah atau untuk memasok indeks baru, lewati sebuah string atau array dalam urutan yang disukai.

Jika Anda memiliki pengaturan ini

/app
   /public/index.html
   /media

Maka ini harus mendapatkan apa yang Anda inginkan

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

Caranya adalah meninggalkan garis ini sebagai fallback terakhir

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

Mengenai dokumentasi, karena Express menggunakan connect middleware, saya merasa lebih mudah untuk hanya melihat kode sumber connect secara langsung.

Misalnya baris ini menunjukkan bahwa index.html didukung https://github.com/senchalabs/connect/blob/2.3.3/lib/middleware/static.js#L140

Dalam versi terbaru express, "createServer" sudah tidak digunakan lagi. Contoh ini cocok untuk saya:

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.staticKeduanya akan bekerja untuk ini

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

Dimana public folder tempat kode sisi klien berada

Seperti yang disarankan oleh @ATOzTOA dan diklarifikasi oleh @Vozzie , path.joinmengambil jalur untuk bergabung sebagai argumen, argumen tersebut +dilewati satu argumen ke jalur.

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

gunakan di bawah ini di dalam app.js Anda

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

(folderName adalah folder yang memiliki file) - ingat aset ini diakses langsung melalui jalur server (yaitu http: // localhost: 3000 / abc.png (di mana seperti abc.png ada di dalam folder folderName)