nút http-server để trả lời bằng index.html đến bất kỳ yêu cầu nào

Question

Tôi đã cài đặt http-server trên toàn cầu.

tôi khởi động nó từ mydir trên cổng localhost 8080. Trong mydir Tôi có index.html.

Nếu tôi yêu cầu (từ trình duyệt) http://localhost:8080/ Tôi nhận index.html, điều này là OK.

Nếu tôi yêu cầu mặc dù http://localhost:8080/anything Tôi không nhận được bất kỳ phản hồi nào từ máy chủ.

Những gì tôi muốn, ngược lại, đó là máy chủ của tôi luôn luôn đáp ứng bằng index.html với bất kỳ yêu cầu http đạt localhost trên cổng 8080.

Đây có phải là có thể.

Cảm ơn trước

Answer 1

Có có, với các tùy chọn -P/--proxy:

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

Lưu ý rằng bất kỳ lỗi, 404 bao gồm, sẽ chuyển hướng đến chỉ số của bạn, không chỉ thiếu đường.

Answer 2

Đôi khi đối với trường hợp cụ thể như thế này, thật dễ dàng, đủ để viết máy chủ của riêng bạn:

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

Nhưng hãy nhớ rằng nếu mỗi con đường trả index.html sau đó trong index.html bạn có thể không tham khảo bất cứ điều gì giống như hình ảnh, phong cách trang tính hoặc tệp JavaScript phía máy khách. Không chỉ với mã được hiển thị ở trên mà còn với bất kỳ giải pháp nào gửi cùng một phản hồi (index.html) đến mọi yêu cầu.

Bạn có thể cần phải thực hiện một số trường hợp ngoại lệ và nó không phải là khó khăn với 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}/`)); 

Chỉ cần ghi nhớ rằng các ngoại lệ phải đến đầu vì con đường phù hợp đầu tiên sẽ được sử dụng cho một yêu cầu nhất định .

Tất nhiên bạn cần phải lưu mã này, ví dụ: để app.js, cài đặt Express:

npm install express 

và bắt đầu nó với:

node app.js 

Đó là phức tạp hơn sử dụng một giải pháp sẵn sàng (tuy nhiên, như bạn có thể thấy, không phải là phức tạp hoặc là) nhưng bạn có nhiều linh hoạt hơn trong cách chính xác bạn muốn nó hoạt động. Nó cũng dễ dàng để thêm khai thác gỗ, vv

Answer 3

đơn giản và thẳng về phía trước ví dụ sử dụng 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); 

thực hiện này sẽ luôn luôn đáp ứng với index.html nếu tập tin yêu cầu không được tìm thấy, và nó gần như là đơn giản như sử dụng http-server, thiếu tùy chọn này.

Answer 4

Để đạt được những gì bạn đang yêu cầu, tôi khuyên bạn nên live-server thay vì http-server.

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

live-server cũng đang cung cấp một hot-tải lại nhưng nó không phải là một trong những yêu cầu của bạn