Knoten http-Server mit index.html zu jeder Anfrage zu antworten

Question

Ich habe http-server global installiert.

ich starten Sie es von myDir auf localhost Port 8080. In myDir I index.html haben.

Wenn ich (vom Browser) http://localhost:8080/ anfordern, bekomme ich index.html, was in Ordnung ist.

Wenn ich Anfrage obwohl http://localhost:8080/anything Ich bekomme keine Antwort vom Server.

Was ich möchte, ist im Gegenteil, dass mein Server antwortet immer mit index.html auf jede HTTP-Anforderung auf localhost erreichen Port 8080

dies möglich ist.

Vielen Dank im Voraus

Answer 1

Ja, es ist, mit dem -P/--proxy Option:

http-server -P http://localhost:8080/ 

Beachten Sie, dass jeder Fehler enthalten 404, zu Ihrem Index umleiten wird, nicht nur Pfad fehlt.

Answer 2

Manchmal für bestimmte Fälle wie dieser, ist es einfach genug, um Ihren eigenen Server zu schreiben:

'use strict'; 
var host = '127.0.0.1', port = 3333; 
var path = require('path'); 
var app = require('express')(); 
app.get('*', (req, res) => res.sendFile(path.join(__dirname, 'index.html'))); 
app.listen(port,() => console.log(`Listening on http://${host}:${port}/`)); 

Aber denken Sie daran, dass, wenn jeder Pfad index.html kehrt dann in die index.html Sie nicht so etwas wie Bilder verweisen können, Stil Blätter oder clientseitige JavaScript-Dateien. Nicht nur mit dem oben gezeigten Code, sondern mit jeder Lösung, die die gleiche Antwort (index.html) an jede Anfrage sendet.

Unter Umständen müssen Sie auf einige Ausnahmen machen und es ist nicht schwer mit Express:

'use strict'; 
var host = '127.0.0.1', port = 3333; 
var path = require('path'); 
var app = require('express')(); 
app.get('/x.png', (req, res) => res.sendFile(path.join(__dirname, 'x.png'))); 
app.get('*', (req, res) => res.sendFile(path.join(__dirname, 'index.html'))); 
app.listen(port,() => console.log(`Listening on http://${host}:${port}/`)); 

Nur bedenken Sie, dass die Ausnahmen nach oben gehen, weil die erste passende Route wird für eine bestimmte Anforderung verwendet werden .

Natürlich müssen Sie diesen Code z. Express app.js, installieren:

npm install express 

und starten Sie es mit:

node app.js 

Es ist komplizierter als eine fertige Lösung mit (obwohl, wie Sie sehen können, nicht so kompliziert entweder), aber sie haben viel mehr Flexibilität, wie genau Sie sich verhalten wollen. Es ist auch einfach Protokollierung hinzuzufügen usw.

Answer 3

Einfach und geradlinig Beispiel mit Express 4.x:

var express = require('express'); 
var app = express(); 

var path = __dirname + '/public'; 
var port = 8080; 

app.use(express.static(path)); 
app.get('*', function(req, res) { 
    res.sendFile(path + '/index.html'); 
}); 
app.listen(port); 

Diese Implementierung wird immer mit index.html reagieren, wenn die angeforderte Datei nicht gefunden wird, und es ist fast so einfach wie mit http-server, die diese Option fehlt.

Answer 4

Um zu erreichen, was Sie verlangen, empfehle ich Ihnen live-server anstelle von http-Server.

live-server --port=8080 --entry-file=./index.html 

Live-Server bietet auch eine Hot-Reload, aber es war nicht eine Ihrer Anfrage