详解js静态资源文件请求的处理

2023-09-27 06:37:05 51

varhttp=require('http'), fs=require('fs'), url=require('url'); //创建一个服务 varserver1=http.createServer(function(req,res){ //解析客户端请求地址中的文件的目录名称以及传递给当前服务器的数据内容 varurlObj=url.parse(req.url,true), pathname=urlObj["pathname"], query=urlObj["query"]; //简写trycatch捕获异常防止请求资源文件不存在我们不加trycatch服务会终止。这样不好，所以我们添加trycatch捕获异常 //处理静态资源文件的请求(HTML/CSS/JS...)->前端路由 varreg=/\.(HTML|JS|CSS|JSON|TXT|ICO)/i; if(reg.test(pathname)){ //获取请求文件的后缀名 varsuffix=reg.exec(pathname)[1].toUpperCase(); //根据请求文件的后缀名获取到当前文件的MIME类型 varsuffixMIME="text/plain";//TXT文本对应的 switch(suffix){ case"HTML": suffixMIME="text/html"; break; case"CSS": suffixMIME="text/css"; break; case"JS": suffixMIME="text/javascript"; break; case"JSON": suffixMIME="application/json"; break; case"ICO": suffixMIME="application/octet-stream"; break; } try{ //按照指定的目录读取文件中的内容或者代码（读取出来的内容都是字符串格式的） varconFile=fs.readFileSync("."+pathname,"utf-8"); //重写响应头信息:告诉客户端的浏览器我返回的内容是什么样的MIME类型,指定返回的内容的格式是utf-8,避免出现乱码 res.writeHead(200,{'content-type':suffixMIME+';charset=utf-8'}) //服务端向客户端返回的内容也是字符串 res.end(conFile) }catch(e){ res.writeHead(404,{'content-type':'text/plain;charset=utf-8'}); res.end("requestfileisnotfound") } /* MIME类型: 每一种资源文件都有自己的标识类型，例如:HTML文件的MIME 类型是"text/html".css文件的MIME类型是"text/css" 浏览器会按照代码的MIME类型进行渲染 */ } //try{ //varcon=fs.readFileSync("."+pathname,"utf-8"); //res.end(con); //}catch(e){ //res.end("requestfileisnotfind") //} //if(pathname==="/index.html"){ //varcon=fs.readFileSync("./index.html","utf-8"); //res.end(con); //return; //} //if(pathname==="/index.css"){ //con=fs.readFileSync("./index.css","utf-8"); //res.end(con); //return; //} //if(pathname==="/index.js"){ //con=fs.readFileSync("./index.js","utf-8"); //res.end(con); //return; //} }) //为当前的这个服务配置端口 server1.listen(80,function(){ console.log("serverissuccess,listeningon80"); })

详解js静态资源文件请求的处理

热门推荐

随机推荐