Question

**** Css文件无法连接以下****

它正处于流动之中根

/index.html

/server.js

/css/style.css

我的/server.js代码

var http = require('http'),
    fs = require('fs');

fs.readFile('./index.html', function (err, html) {
    if (err) {
        throw err; 
    }       
    http.createServer(function(request, response) {  
        response.writeHeader(200, {"Content-Type": "text/html"});  
        response.write(html);  
        response.end();  
    }).listen(8000);
});

**CSS css/style.css**

  	.raj{
  		background-color: red;
  	}

**html /index.html**

<html>
<head>
  <title></title>
  <!-- <link rel="stylesheet" type="text/css" href="/css/style.css" /> -->
  <link rel="stylesheet" type="text/css" href="/css/style.css" />
</head>
<body>
<span class="raj">
asldfasd <br/>
fasd <br/>
fas <br/>
dfa <br/>
sdf <br/>
sadf <br/>
asd <br/>
fas <br/>
df <br/>
sad <br/>
</span>
</body>
</html>

css无法连接上面的html文件

Answer 1

问题是由于您的Web服务器没有检查URL请求的路径，而是返回相同的HTML文件，而不是您使用的路径或文件扩展名。为了解决节点http模块的这个缺点，我建议使用诸如express.js之类的框架或者，如果您只想提供静态文件，我建议您使用http-server，可以使用以下命令安装它：

npm install http-server -g

安装完成后，您可以导航到存储html和CSS文件的文件夹，然后使用以下命令运行您的网络服务器：

http-server

您可以阅读有关模块here

的更多信息

Answer 2

只需替换此行代码：

<link rel="stylesheet" type="text/css" href="/css/style.css" />

有了这个，

<link rel="stylesheet" type="text/css" href="./css/style.css" />

节点Js html css

2 个答案: