NodeJS 不提供静态 html

Question

我在节点服务器上提供我的 html 文件时遇到问题。

“index.js”中的代码如下所示：

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

app.use(express.static(path.join(__dirname + '/public')));

app.get('/', function (req, res) {
  res.sendFile('views/home.html');
});

app.listen(8081, function () {
  console.log('Magic is happening on port 8081!');
});

这是我的文件结构的图片：

当我运行服务器时，它给了我这个错误：

TypeError: path must be absolute or specify root to res.sendFile

最后我需要一个可以服务多个不同页面的服务器，这只是我服务的第一页（如果第一页不起作用，那就没有意义了..）

我做错了什么？

Answer 1

好的，所以我想出了一个解决方案。

我把整个设置改成了这个

var express     = require('express');
var app         = express();
var port        = process.env.PORT || 8081;

var path        = require('path');
var http        = require('http');
var router      = express.Router();
//var data        = require('./routes/data');

// Setting the view engine and defining paths
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');
app.use(express.static(path.join(__dirname, 'public')));
app.set('views', path.join(__dirname, 'views'));

require('./routes/routes')(app);

app.listen(port, function () {
    console.log('server running on port ' + port);
});

module.exports = app;

现在正在按照我想要的方式工作。不确定它是最佳还是完美，但我认为它可以完成这项工作。

谢谢大家的帮助！！

Answer 2

要使这段代码工作：

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

app.use(express.static(path.join(__dirname, 'public')));

app.get('/', function (req, res) {
  res.sendFile('views/home.html');
});

app.listen(8081, function () {
  console.log('Magic is happening on port 8081!');
});

你必须有这样的目录结构：

views
  |-home.html
public
  |- some files here
index.js

Answer 3

文档和错误告诉你sendFile [...]Unless the root option is set in the options object, path must be an absolute path to the file[...] (res.sendFile(path [, options] [, fn]))

所以你必须写：

res.sendFile(path.join(__dirname, 'public/views/home.html'))

Answer 4

运行此代码，将 html 文件保存在同一文件夹中，例如：index.html 在浏览器中，localhost:9000/index.html

    var http = require("http");
    var fs = require("fs");
    var port = 9000;

    //create server
    http.createServer(function(req,resp){
        reqUrl = req.url;
        var day = reqUrl.slice(1,reqUrl.length-1);
        file = reqUrl;
        callPage(req,resp,file);
    }).listen(port); 


    function callPage(req,resp,fileName){

        fileName = reqUrl.slice(1,reqUrl.length);
        console.log(fileName)
        fs.readFile(fileName,function(err,html){
            if(err){
                throw err;
            }

            resp.writeHead(200,{"content-type":"text/html"});
            resp.write(html);
            resp.end();
        });

    }

Answer 5

对于您的目录结构，您的代码必须如下所示

app.use(express.static(path.join(__dirname, 'public', 'views'), {index: 'home.html'})); app.use(express.static(path.join(__dirname, 'public'))); Serving static files examples

Answer 6

这是我的建议：

1) 将views 文件夹移动到与index.js 相同的位置

2) 更新index.js的代码：

const 
    DEBUG_MODE = (process.env.DEBUG == 1),
    express = require('express'),
    app = express();

/* DEFINE VIEW RENDERER */
app.set('view cache', !DEBUG_MODE);
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');

/* DEFINE VIEW FILES LOCATION */
app.set('views', __dirname + '/views');

/* KEEP STATIC FILES IN SOME CONSTANT (GROUPED) PLACE, EX.: /assets */
app.use('/assets/css', express.static(__dirname + '/public/css'));
app.use('/assets/images', express.static(__dirname + '/public/images'));

/* RENDER home VIEW FOR ROOT REEQUEST */    
app.all('/', (req, res) => res.render('home'));

app.listen(8081, function () {
  console.log('Magic is happening on port 8081!');
});

提供视图文件是 express 应用程序的工作，只需调用 res.render('view-name'); 即可完成（没有扩展名，因为 app.engine('html', ...); 中已经定义了

附：如果您需要示例：https://bitbucket.org/num8er/sum-az-website/src