статические файлы с express.js

Я хочу служить index.htmlи /mediaподкаталогом как статические файлы. Индексный файл должен обслуживаться как по адресу, так /index.htmlи по /URL.

у меня есть

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

но вторая строка, очевидно, обслуживает все __dirname, включая все файлы в нем (не только index.htmlи media), что я не хочу.

Я тоже пробовал

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

но доступ к базовому URL /затем приводит к запросу web_server/index.html/index.html(двойной index.htmlкомпонент), который, конечно же, не выполняется.

Любые идеи?

Кстати, я не смог найти абсолютно никакой документации в Express по этой теме ( static()+ ее параметры) ... разочарование. Ссылка на документ также приветствуется.

express.static()ожидает, что первым параметром будет путь к каталогу, а не имя файла. Я бы предложил создать еще один подкаталог, содержащий ваш index.htmlи использовать его.

Обслуживание статических файлов в документации Express или более подробной serve-staticдокументации , включая поведение по умолчаниюindex.html :

По умолчанию этот модуль отправляет файлы «index.html» в ответ на запрос к каталогу. Чтобы отключить этот набор false или предоставить новый индекс, передайте строку или массив в предпочтительном порядке.

Если у вас есть эта настройка

/app
   /public/index.html
   /media

Тогда это должно получить то, что вы хотели

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

Трюк покидает эту линию как последний запасной вариант

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

Что касается документации, так как Express использует промежуточное программное обеспечение для подключения, я обнаружил, что проще взглянуть на исходный код подключения напрямую.

Например, эта строка показывает, что index.html поддерживается https://github.com/senchalabs/connect/blob/2.3.3/lib/middleware/static.js#L140

В новейшей версии Express «createServer» устарел. Этот пример работает для меня:

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.staticоба будут работать для этого

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

Где publicнаходится папка, в которой находится код на стороне клиента

Как предложено на @ATOzTOA и осветляют @Vozzie , path.joinпринимает пути присоединиться в качестве аргументов, то +передает один аргумент в пути.

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 установить служить индекс

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

используйте ниже внутри вашего app.js

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

(имя_папки - это папка, в которой есть файлы) - помните, что доступ к этим ресурсам осуществляется напрямую через путь к серверу (то есть http: // localhost: 3000 / abc.png (где abc.png находится внутри папки имя_папки)