ไฟล์คงที่กับ 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()+ params ของมัน) ... น่าผิดหวัง ยินดีต้อนรับลิงก์ของ doc

express.static()คาดว่าพารามิเตอร์แรกจะเป็นเส้นทางของไดเรกทอรีไม่ใช่ชื่อไฟล์ ฉันขอแนะนำให้สร้างไดเรกทอรีย่อยอื่นเพื่อเก็บของคุณindex.htmlและใช้สิ่งนั้น

การให้บริการไฟล์คงที่ในเอกสาร Express หรือเอกสารรายละเอียดเพิ่มเติมserve-staticรวมถึงพฤติกรรมเริ่มต้นของการให้บริการindex.html :

โดยค่าเริ่มต้นโมดูลนี้จะส่งไฟล์“ index.html” เพื่อตอบสนองคำขอในไดเรกทอรี หากต้องการปิดใช้งานชุดนี้เป็นเท็จหรือให้ดัชนีใหม่ส่งผ่านสตริงหรืออาร์เรย์ตามลำดับที่ต้องการ

หากคุณมีการตั้งค่านี้

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

(folderName คือโฟลเดอร์ที่มีไฟล์) - โปรดจำไว้ว่าสินทรัพย์เหล่านี้เข้าถึงได้โดยตรงผ่านเส้นทางเซิร์ฟเวอร์ (เช่นhttp: // localhost: 3000 / abc.png (โดยที่ abc.png อยู่ในโฟลเดอร์ folderName)