Question

我正在使用NodeJS和ExpressJS为简单的后端实现RESTful API服务器。我也在使用BackboneJS在前面渲染视图。因此，现在我有一个index.html文件，我想在客户端将/ GET发送到'/'路由时呈现。这就是我到目前为止所做的：

var express = require('express');
var app = express();
app.use(express.bodyParser());
var mongo = require('mongodb');
var mongoose = require('mongoose');

var Server = mongo.Server, 
    DB = mongo.Db,
    BSON = mongo.BSONPure;

var server = new Server('localhost', 27017, {auto_reconnect: true});


db = new DB('mydb', server, {safe: true});

db.open(function(err, db) {
    if(!err) {
        console.log("Connected to 'mydb' database");
        db.collection('items', {safe:true}, function(err, collection) {
            if (err) {
                console.log("Creating collection 'items'");
            }
        });
    }
});

var port = process.env.PORT || 3000;

app.engine('.html');

var listItems = function(req, res){
    db.collection('items', function(err, collection){
        var items = collection.find();
        console.log(items);
        res.send(items);
    });
}

var itemDetails = function(req, res){

}

var deleteItem = function(req, res){

}

var createItem = function(req, res){

}

var updateItem = function(req, res){

}

var routeHome = function(req, res){

        // What can I do here to render a plain .html file?

}

app.all('*', function(req, res, next){
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Content-Type", "application/json");
    next();
});

app.get('/', routeHome);

app.get('/items', listItems);
app.get('/items/:id', itemDetails);
app.del('/users/:id', deleteItem);
app.post('/users', createItem);
app.put('/users/:id', updateItem);

app.listen(port);

console.log("Server started up on port " + port);

正如您所看到的，我已经设置了所有内容，但我无法弄清楚如何将常规.html文件发送到客户端。我不需要渲染引擎，因为Backbone正在为我做这一切。我只想让index.html转到客户端。

Answer 1

如何使用express.static中间件？由于您使用的是Backbone，因此您可能还需要发送静态JS文件：

app.use(express.static(__dirname));

将它放在其他路线之前的某个地方。它将尝试查找__dirname中所请求的文件（app.js文件所在的目录，但您当然可以更改中间件尝试查找文件的位置），包括index.html。< / p>

Answer 2

第一步，删除app.engine(".html")，

第二步：

var routeHome = function(req, res){
    // Do What Ever
    res.sendFile("index.html",function(err){ // Transfer The File With COntent Type Text/HTML
        if(err){
            res.end("Sorry, Error.");
        }else{
            res.end(); // Send The Response
        }
    })
}

在NodeJS和ExpressJS中显示基本HTML文件

2 个答案: