Node里的http和fs的模块学习中见到的问题
node的fs模块
//读文件
//1.引包引入node所需要的读取文件的模块
var fs = require('fs');
//读文件操作\n
//node具有大量的异步操作，读取文件成功，获取到文件的内容需要利用回调函数，其中的回到哦函数具有2个参数，
//err失败操作err是一个错误对象，data无数据
//成功的话err为null，data为读取到的2进制数据
fs.readFile('./01.js', function(err, data) {
if(!err) {
console.log(data.toString());
}else {
console.log(err);
}
});
读文件的API的回调函数中的参数data返回的值为二进制数Buffer格式数据；在输出的时候要想转换成需要利用toString()进行转换成字符串；
node的http模块
请求次数问题
//http服务
//1.引包
var http = require('http');
//创建服务器
var server = http.createServer();
//设置请求处理函数
//事件监听request的请求；监听用户的访问事件，来进行事件处理，
/*回调函数居勇2个参数：分别是
* request:请求参数，
* response：服务器响应的参数
*
* */
server.on('request', function(req,res){
//每请求一次页面此处会输出两次
console.log('进去页面');
res.write('hello');
res.end();
});
//监听端口号
server.listen(3000, function() {
console.log('服务启动成功');
});
在此处出现的问题是request事件的请求每次刷新页面会输出两次，证明会请求2次在谷歌浏览器处是这个情况；谷歌中的2次请求为：1次页面的请求，1次favicon.ico；打开浏览器的调试Network会看到2次网络的请求；减少favicon.ico的方法：事件监听的回调函数的rep的参数，具有url属性（rep.url）会记录此次浏览器的请求路径，加入下边的代码就可以避免：
//判断请求路径
if(req.url == '/favicon.ico') return;
http资源请求静态资源的问题
静态资源包括img和script的src，link的href都会触发后台的respond事件监听的触发，发生请求：看代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--这里会对后台发生请求-->
<link rel="stylesheet" type="text/css" href="../assets/css/style.css"/>
</head>
<body>
<h1>主页</h1>
<!--这里也会发生请求-->
<script src="../assets/js/01.js"></script>
</body>
</html>
上边的代码，css和js都是存储在服务器端的静态资源的代码，请求的地址/assets/这个文件夹服务端的代码可以改写为：
var http = require('http');
var fs = require('fs');
var server = http.createServer(function(rsp, res) {
var url = rsp.url;
if(url == '/favicon.ico') return;
if(url.indexOf('assets') != -1) {
console.log(url);
//不等于-1证明要请求静态的资源
url = '../' + url
fs.readFile(url, function(err, data) {
if(err) throw err;
res.end(data);
});
} else {
url = url.substr(1) ? url.substr(1) : 'index';
fs.readFile('./../view/' + url + '.html', function(err, data) {
if(err) throw err;
res.end(data);
});
}
});
server.listen(3000, function() {
console.log('running.....')
})
此段服务器端的代码需要相应的目录结构配合
image.png
网友评论