2016-01-27 32 views
0

我正在尝试使用nodejs制作网站。我添加了一个fs模块并使用外部文件来提供index.html。没关系。但我有一个css文件来设计index.html,命名为index.css,它不起作用。在文件系统中添加css文件 - fs - in nodejs

我的代码:

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
\t <meta charset="UTF-8"/> 
 
\t <title>Some title</title> 
 
\t <link rel="stylesheet" type="text/css" href="test/index.css"> 
 
</head> 
 

 
<body lang="pt-br"> 
 
\t <img src="_image/logonp.png" id="imglogologin"> 
 
\t <div id="divlogin"> 
 

 
\t \t <form name="login"> 
 

 
\t \t \t <input type="text" id="idnome" name="nnome" size="20" maxlength="30" placeholder="Nome" autofocus onkeydown = "if(event.keyCode == 13)document.getElementById('idsenha').focus()"><br> 
 

 
\t \t \t <input type="password" id="idsenha" name="nsenha" size="20" maxlength="20" placeholder="Senha" onkeydown = "if(event.keyCode == 13)document.getElementById('idbutton').click()"> 
 

 
\t \t \t <input type="button" id="idbutton" onclick="verifylogin(this.form)" value="Login" > 
 

 
\t \t </form> 
 

 
\t </div> 
 
</body> 
 

 
</html>

文件:

  • 的index.html(ProjectFolder /测试/ index.html中)
  • test.js(ProjectFolder /测试.js)
  • index.css(ProjectFolder/test/inde x.css)

test.js文件:

var http = require('http'); 
var fs = require('fs'); 

http.createServer(function(request, response){ 
    if(request.url == '/'){ 
    fs.readFile('test/index.html', function(err, html){ 
     response.writeHead(200, {'content-type': 'text/html'}); 
     if(err) response.write('index nao encontrado'); 
     response.write(html); 
     response.end(); 
    }); 
    } 
    else if(request.url == '/second'){ 
    response.writeHead(200, {'content-type': 'text/html'}); 
    response.write("<h1> second page </h1>"); 
    response.end(); 
    } 
    else { 
    response.writeHead(200, {'content-type': 'text/html'}); 
    response.write("<h1> incorrect page </h1>"); 
    response.end(); 
    } 
}).listen(3000, function(){ 
    console.log('server started'); 
}); 

回答

0

你应该如下添加一串代码来响应你的CSS文件:

if(request.url == '/test'){ 
fs.readFile('test/index.css', function(err, css){ 
    response.writeHead(200, {'content-type': 'text/css'}); 
    if(err) response.write('index nao encontrado'); 
    response.write(css); 
    response.end(); 
});