Node实现静态服务器
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Node实现静态服务器相关的知识，希望对你有一定的参考价值。
1.Node里面是没有Web容器之说的，所以URL上的路径跟实际文件的路径并不是一致，这里我们手动实现一个简单的原生静态服务，让Node能够找到路径的文件，实现静态服务器功能。文件夹的任何文件都能被找到。
2.比如在index.html加一个图片时，Node的fs去找这个图片，但是WriteHead你就要写这个MIME类型，为image/jpg，虽然不写，Chrome浏览器可以显示(开发者工具可以看到这个1.jpg的Response Headers里不存在 Content-Type），有的浏览器是不能显示的，又比如CSS的文件你不写MIME类型，浏览器是识别不了了。
3.path模块获得后缀，然后写一个函数case所有情况，写进特定的MIME类型，这里也可以在函数里面再fs读一个写好的json文件，把所有类型都可以对应起来(教程上的小作业)。
//因为Node路由路径和实际文件路径并不一定一致，没有Web容器的原因，这里我们仿照Web路由的实现 var http = require("http"); var url = require("url"); var fs = require("fs"); var path = require("path"); http.createServer(function(req, res) { //得到用户的路径 var pathname = url.parse(req.url).pathname; if(pathname == "/") { pathname = "index.html"; } //拓展名 var extname = path.extname(pathname); // console.log(extname); //真的读取这个文件 //缺点，太智能，但是不能检测是什么类型的文件 fs.readFile("./static/" + pathname, function(err, data) { //data是一个Buffer，二进制的数据流 if(err) { //如果文件不存在，就返回404 fs.readFile("./static/404.html", function(err, data) { res.writeHead(404,{"Content-type":"text/html;chaset=UTF8"}); res.end(data); }); return ;//必须这个，不然会走到下个data } //MIME类型，就是 //网页文件：text/html //jpg文件：image/jpg var mime = getMIME(extname) res.writeHead(200,{"Content-type":mime}); res.end(data); }) }).listen(3000,"127.0.0.1") function getMIME(extname) { switch (extname) { case ".html": return "text/html"; break; case ".jpg": return "image/jpg"; break; case ".css": return "text/css"; break; } }
以上是关于Node实现静态服务器的主要内容，如果未能解决你的问题，请参考以下文章