tệp tĩnh với express.js

Tôi muốn phục vụ index.htmlvà /mediathư mục con dưới dạng tệp tĩnh. Tệp chỉ mục phải được phục vụ cả tại /index.htmlvà /URL.

Tôi có

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

nhưng dòng thứ hai rõ ràng phục vụ toàn bộ __dirname, bao gồm tất cả các tệp trong đó (không chỉ index.htmlvà media), mà tôi không muốn.

Tôi cũng đã thử

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

nhưng việc truy cập URL cơ sở /sau đó dẫn đến một yêu cầu web_server/index.html/index.html( index.htmlthành phần kép ), tất nhiên không thành công.

Có ý kiến ​​gì không?

Nhân tiện, tôi hoàn toàn không thể tìm thấy tài liệu nào trong Express về chủ đề này ( static()+ thông số của nó) ... bực bội. Một liên kết doc cũng được chào đón.

express.static()dự kiến ​​tham số đầu tiên là đường dẫn của thư mục, không phải tên tệp. Tôi sẽ đề nghị tạo một thư mục con khác để chứa của bạn index.htmlvà sử dụng nó.

Phục vụ các tệp tĩnh trong tài liệu Express hoặc tài liệu chi tiết hơnserve-static , bao gồm cả hành vi phục vụ mặc địnhindex.html :

Theo mặc định, mô-đun này sẽ gửi các tệp tin index.html.html. Để vô hiệu hóa bộ này sai hoặc cung cấp một chỉ mục mới, hãy truyền một chuỗi hoặc một mảng theo thứ tự ưu tiên.

Nếu bạn có thiết lập này

/app
   /public/index.html
   /media

Sau đó, điều này sẽ nhận được những gì bạn muốn

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

Bí quyết là rời khỏi dòng này như dự phòng cuối cùng

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

Về tài liệu, vì Express sử dụng phần mềm trung gian kết nối, tôi thấy việc xem trực tiếp mã nguồn kết nối dễ dàng hơn.

Ví dụ: dòng này cho thấy index.html được hỗ trợ https://github.com/senchalabs/connect/blob/2.3.3/lib/middleware/static.js#L140

Trong phiên bản mới nhất của express, "createdServer" không được dùng nữa. Ví dụ này hoạt động với tôi:

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.staticcả hai sẽ làm việc cho điều này

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

Đâu publiclà thư mục chứa mã phía máy khách

Như gợi ý bởi @ATOzTOA và làm sáng tỏ bởi @Vozzie , path.joinmất các đường dẫn để tham gia như các đối số, các +vượt qua một đối số duy nhất để con đường.

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 cài đặt chỉ mục phục vụ

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

sử dụng bên dưới trong app.js của bạn

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

(thư mụcName là thư mục có tệp) - hãy nhớ những tài sản này được truy cập trực tiếp qua đường dẫn máy chủ (tức là http: // localhost: 3000 / abc.png (trong đó abc.png nằm trong thư mục thư mục)