在nodejs中添加带有文件系统-fs的css文件答案

【问题标题】：add css file with file system - fs - in nodejs在nodejs中添加带有文件系统-fs的css文件
【发布时间】：2016-05-04 17:49:17
【问题描述】：

我正在尝试使用 nodejs 来制作网站。我添加了一个fs 模块并使用一个外部文件来呈现index.html。没关系。但是我有一个css文件来设置index.html的样式，命名为index.css，但它不起作用。

我的代码：

<!DOCTYPE html>
<html>

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

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

		<form name="login">

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

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

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

		</form>

	</div>
</body>

</html>

文件：

index.html (ProjectFolder/test/index.html)
test.js (ProjectFolder/test.js)
index.css (ProjectFolder/test/index.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');
});

【问题讨论】：

标签： javascript jquery node.js html css

【解决方案1】：

您应该添加如下代码以响应您的 css 文件：

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

【讨论】：