Index.html而不是服务器端的客户端

时间:2015-11-05 16:30:12

标签: javascript node.js express

如何为我的应用程序的客户端获取index.html?

索引页面在server.js中定义,如此

// load css styles
var css = '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> ';
css = css + '<style type="text/css">' +require('fs').readFileSync('./style.css').toString() + '</style>'

http.createServer(function (req, res) {
  // send basic http headers to client
  res.writeHead(200, {
      "Content-Type": "text/html",
      "Transfer-Encoding": "chunked"
  });
  // setup simple html page:
  res.write("<html>\n<head>\n<title>Newsfeed</title>\n" +css +"</head>\n<body>");

但是我想得到一个index.html,所以我可以使用纯HTML作为前端。

1 个答案:

答案 0 :(得分:0)

这可以解释很久。 简短的回答是,你单独查看,并使用快速中途进行路由。

您必须设置视图位置:

app.set('views', __dirname + '/yourViewDirectory');

将index.html放入/views文件夹

然后你可以使用res.render功能:

res.render('index.html');

这是基本快递服务器,在index.html

上呈现localhost:3000/
var express = require('express');
var app = express();

app.set('views', __dirname + '/yourViewDirectory');
app.get('/', function (req, res) {
  res.render('index.html');
});

var server = app.listen(3000, function () {
  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);
});