我的node.js服务器脚本正在为index.html服务,但不是CSS或其他静态文件

时间:2014-02-12 19:31:46

标签: javascript node.js

我正在尝试从教程编写Node.js项目,但server.js文件似乎无法正常工作:

var http = require('http');
var fs = require('fs');
var path = require('path');
var mime = require('mime');
var cache = {};

function send404(response) {
response.writeHead(404, {'Content-Type': 'text/plain'});
response.write('Error 404: not found');
response.end();
}

function sendFile(response, filePath, fileContents) {
response.writeHead(
200,
{"content-type": mime.lookup(path.basename(filePath))}
);
response.end(fileContents);
}

function serveStatic(response, cache, absPath) {
if (cache[absPath]) {
sendFile(response, absPath, cache[absPath]);
} else {
fs.exists(absPath, function(exists) {
if (exists) {
fs.readFile(absPath, function(err, data) {
if (err) {
send404(response);
} else {
cache[absPath] = data;

sendFile(response, absPath, data);
}
});
} else {
send404(response);

}
});
}
}

var server = http.createServer(function(request, response) {
var filePath = false;

if(request.url == '/') {
filePath = 'public/index.html';
} else {
filePath = '/public/' + request.url;
}
var absPath = './' + filePath;
serveStatic(response, cache, absPath);
});

server.listen(26353, function() {
console.log("Listening...");
});

当我转到我的网址时,会显示index.html内容,但没有显示index.html中的任何样式表或附件,我得到:

 GET http://myURL.com/stylesheet/style.css 404 (NOT FOUND) 

这是我的index.html:

<html>
<head>
<title>Chat</title>
<link rel='stylesheet' href='/stylesheet/style.css'></link>
</head>

<body>
<div id='content'>
<div id='room'></div>
<div id='room-list'></div>
<div id='messages'></div>

<form id='send-form'>
<input id='send-message' />
<input id='send-button' type='submit' value='Send' />

<div id='help'>
Chat commands:
<ul>
<li>.....</li>
</ul>
</div>
</form>
</div>

<script src='/socket.io/socket.io.js' type='text/javascript'></script>
<script src='http://code.jquery.com/jquery-1.8.0.min.js' type='text/javascript'></script>
<script src='/javascript/chat.js' type='text/javascript'></script>
<script src='/javascript/chat_ui.js' type='text/javascript'></script>

</body>
</html>

我不确定有什么问题。

我的项目目录包含server.js,node-modules和公共文件夹,公共文件夹有一个样式表目录和文件所在的javascript文件夹。

我的网络主机已设置为http://myURL.com/node/是端口26353绑定的位置(不知道这是否是正确的单词)。因此,如果我转到http://myURL.com/node,我会看到index.html文件,但样式表或javascript都不起作用。

2 个答案:

答案 0 :(得分:1)

在node.js中发送文件并不是那么简单。我的框架中有一段代码

core.sendFile = function(filename, context)
{
    if (fs.exists(filename, function (exists)
    {
        if (exists) fs.stat(filename, function (err, stats)
        {
            if (err) core.catch_err(err);
            else if (stats && !stats.isDirectory())
            {
                var filestream = new fs.ReadStream(filename);
                var mimme = mime.lookup(filename);
                context.response.writeHead(200, {'Content-Type': mimme });
                filestream.pipe(context.response);
                filestream.on("error", function (err) { context.response.statusCode = "500"; context.response.end("Server error"); core.log("Server error while sending " + filename, "err"); });
                context.response.on("close", function () { filestream.destroy(); });
                core.logger.log("Sending file " + filename);
            }
        });
        else core.not_found(context);
    }));
}

这个想法是将文件作为流读取和写入,并处理一些错误和关闭流。 “核心”只是一个图书馆对象。

答案 1 :(得分:0)

从您的网址中删除第一个/,因此它应为stylesheet/style.css而不是/stylesheet/style.css