express.js içeren statik dosyalar

Ben hizmet etmek istiyorum index.htmlve /mediastatik dosyaları gibi alt dizin. Dizin dosyası hem servis edilmelidir /index.htmlve /URL'ler.

Sahibim

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

ancak ikinci satır __dirname, istemediğim (sadece index.htmlve değil media) içindeki tüm dosyalar da dahil olmak üzere , tüm hizmet veriyor .

Ben de denedim

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

ancak temel URL'ye erişmek, elbette başarısız olan (çift bileşen) /isteğine yol açar .web_server/index.html/index.htmlindex.html

Herhangi bir fikir?

Bu arada, Express'te bu konuyla ilgili hiçbir belge bulamamıştım ( static()+ onun parametrelerini) ... sinir bozucu. Bir doc bağlantısı da kabul edilir.

express.static()ilk parametrenin bir dosya adı değil, bir dizin yolu olmasını bekler . Bunu içermek index.htmlve kullanmak için başka bir alt dizin oluşturmanızı öneririm .

Express belgelerinde statik dosyalar veya varsayılan sunum davranışı da dahil olmak üzere daha ayrıntılı serve-staticbelgeler sunmaindex.html :

Varsayılan olarak, bu modül bir dizindeki bir isteğe yanıt olarak “index.html” dosyaları gönderir. Bu ayarı false olarak devre dışı bırakmak veya yeni bir dizin sağlamak için bir dizeyi veya diziyi tercih edilen sırada geçirin.

Bu kuruluma sahipseniz

/app
   /public/index.html
   /media

O zaman bu istediğini almalı

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

Hüner bu çizgiyi son geri dönüş olarak terk ediyor

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

Belgelere gelince, Express bağlantı ara katmanı yazılımı kullandığından, sadece bağlantı kaynak koduna doğrudan bakmayı daha kolay buldum.

Örneğin, bu satır index.html dosyasının desteklendiğini gösterir https://github.com/senchalabs/connect/blob/2.3.3/lib/middleware/static.js#L140

Express'in en yeni sürümünde "createServer" kullanımdan kaldırılmıştır. Bu örnek benim için çalışıyor:

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.staticikisi de bunun için çalışacak

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İstemci tarafı kodunun bulunduğu klasör nerede

De önerilen göre @ATOzTOA ve berraklaştırılmış @Vozzie , path.joinbağımsız değişken olarak katılması için yollar alır +yoluna tek bir argüman geçer.

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

aşağıda app.js dosyanızın içinde kullanın

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

(klasörAdı dosyaları olan klasördür) - bu varlıklara doğrudan sunucu yolu üzerinden erişildiğini unutmayın (ör. http: // localhost: 3000 / abc.png (burada abc.png klasörName klasörünün içindedir)