Node.js图标显示异常，CSS加载不了怎么回事？

你没有用nodejs的核心编译，而是用nodejs读取的静态文件。

由此可见你不是个大前端，你在用C#的思维。。

解决办法两个1.走正路，在server.js使用框架识别html语言。

2.走歪路，读取index.html文件，但是html中必须要使用相对路径。

搭建nodejs服务器步骤:

1.安装nodejs服务(从官网下载安装)，node相当于apache服务器

2.在自己定义的目录下新建服务器文件如 server.js

例如，我在E:\PhpProject\html5\websocket下创建了server.js文件

var http = require('http')//引入http模块//开启服务，监听8888端口//端口号最好为6000以上var server = http.createServer(function(req,res){

/*

req用来接受客户端数据

res用来向客户端发送服务器数据

*/

console.log('有客户端连接')//创建连接成功显示在后台

//一参是http请求状态，200连接成功

//连接成功后向客户端写入头信息

res.writeHeader(200,{'content-type' : 'text/htmlcharset="utf-8"'

})

res.write('这是正文部分')//显示给客户端

res.end()

}).listen(8888)

console.log('服务器开启成功')123456789101112131415161718192021222324

3.在cmd控制台中cd切换进server.js所在的目录，然后执行node server.js命令

当控制台显示”服务器开启成功”则说明node服务器已经建立

4.在浏览器中访问服务器

在浏览器中输入

localhost:8888 ， 浏览器显示“这是正文部分”。

查看cmd控制台，显示 “有客户端连接”

可在多个浏览器窗口中进行以上操作，每个浏览器窗口均会对应一次“有客户端连接”

以上步骤完成，node服务搭建完毕。下面是如何通过搭建的node服务访问本地站点的 text/html文本文件

访问本地站点文件

1.在自定义的目录下创建node服务文件server2.js

var http = require('http')var fs = require('fs')//引入文件读取模块var documentRoot = 'E:/PhpProject/html5/websocket/www'//需要访问的文件的存放目录var server= http.createServer(function(req,res){

var url = req.url

//客户端输入的url，例如如果输入localhost:8888/index.html

//那么这里的url == /index.html

var file = documentRoot + url

console.log(url) //E:/PhpProject/html5/websocket/www/index.html

fs.readFile( file , function(err,data){

/*

一参为文件路径

二参为回调函数

回调函数的一参为读取错误返回的信息，返回空就没有错误

二参为读取成功返回的文本内容

*/

if(err){

res.writeHeader(404,{'content-type' : 'text/htmlcharset="utf-8"'

})

res.write('<h1>404错误</h1><p>你要找的页面不存在</p>')

res.end()

}else{

res.writeHeader(200,{'content-type' : 'text/htmlcharset="utf-8"'

})

res.write(data)//将index.html显示在客户端

res.end()

}

})

}).listen(8888)

console.log('服务器开启成功')12345678910111213141516171819202122232425262728293031323334353637383940414243444546

2.创建index.html文件

如果要访问index.html文件，当然你得先有这个文件，不然服务器读取失败，返回40412

3.在cmd控制台cd切换到 server2.js的目录下执行node server2.js命令

开启服务器

4.在浏览器输入localhost:8888/index.html访问 该文件

---