我的node.js服務器腳本可以很好地使用index.html，但不能提供CSS或其他靜態文件

Question

我正在嘗試從教程中編寫一個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...");
});

當我轉到我的URL時，顯示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和public文件夾，public文件夾包含樣式表目錄和javascript文件夾（文件位於其中）。

我的虛擬主機已設置為將http://myURL.com/node/綁定為端口26353的位置（不知道這是否是正確的詞）。 因此，如果我轉到http://myURL.com/node，我會看到index.html文件，但樣式表或javascript均無效。

Answer 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);
    }));
}

這個想法是作為流讀取和寫入文件，並處理一些錯誤和流關閉。 “核心”只是一個庫對象。

Answer 2

從您的網址中刪除第一個/，因此應為stylesheet/style.css而不是/stylesheet/style.css

我的node.js服務器腳本可以很好地使用index.html，但不能提供CSS或其他靜態文件

問題描述

2 個解決方案

解決方案1
1 2014-02-12 19:47:39

解決方案2
0 2014-02-12 19:41:42

我的node.js服務器腳本可以很好地使用index.html，但不能提供CSS或其他靜態文件

問題描述

2 個解決方案

解決方案1 1 2014-02-12 19:47:39

解決方案2 0 2014-02-12 19:41:42

解決方案1
1 2014-02-12 19:47:39

解決方案2
0 2014-02-12 19:41:42