我在nodejs中运行以下基本脚本来提供带有关联CSS样式表的html文件:
var http = require('http');
var fs = require('fs');
var path = require('path');
var serverPort = 8080;
var server = http.createServer(function(request, response) {
console.log('request starting ...');
var extname = path.extname(request.url);
var contentType = 'text/html';
switch (extname) {
case '.js':
contentType = 'text/javascript';
break;
case '.css':
contentType = 'text/css';
break;
}
fs.readFile('js/EmailDisplay/htm/index.html', function(error, content) {
if (error) {
console.log(error);
response.writeHead(500);
response.end();
} else {
console.log(contentType);
response.writeHead(200, {'Content-Type': contentType});
response.end(content,'utf-8');
}
});
});
server.listen(serverPort);
console.log('Server running at localhost:' + serverPort +"/");
如果我在 Firefox 中打开该文件(文件 -> 打开文件),它会正确呈现。如果我转到 localhost:8080,则会提供索引页面,但没有应用样式。为什么? fs.readFile block 中的 console.log 显示两个文件都正在被读取。
PS - 我知道有些软件包可以让我盲目地执行此操作(例如“连接”),但我试图在走这条路线之前了解实际发生的情况。
最佳答案
问题可能出在这一行:
fs.readFile('js/EmailDisplay/htm/index.html', function(error, content) {
即使请求 .js
和 .css
,您也会读取并向客户端返回相同的 html 文件。
您可能应该在代码前面的开关中设置文件的路径及其内容类型。
关于html - Nodejs : Served html page not linked to css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12302368/