Node里的http和fs的模塊學(xué)習(xí)中見到的問題
node的fs模塊
//讀文件
//1.引包引入node所需要的讀取文件的模塊
var fs = require('fs');
//讀文件操作\n
//node具有大量的異步操作甘晤，讀取文件成功，獲取到文件的內(nèi)容需要利用回調(diào)函數(shù)紊扬，其中的回到哦函數(shù)具有2個(gè)參數(shù)宇整，
//err失敗操作err是一個(gè)錯(cuò)誤對(duì)象宾符，data無數(shù)據(jù)
//成功的話err為null晃酒，data為讀取到的2進(jìn)制數(shù)據(jù)
fs.readFile('./01.js', function(err, data) {
if(!err) {
console.log(data.toString());
}else {
console.log(err);
}
});
讀文件的API的回調(diào)函數(shù)中的參數(shù)data返回的值為二進(jìn)制數(shù)Buffer格式數(shù)據(jù)故源；在輸出的時(shí)候要想轉(zhuǎn)換成需要利用toString()進(jìn)行轉(zhuǎn)換成字符串；
node的http模塊
請(qǐng)求次數(shù)問題
//http服務(wù)
//1.引包
var http = require('http');
//創(chuàng)建服務(wù)器
var server = http.createServer();
//設(shè)置請(qǐng)求處理函數(shù)
//事件監(jiān)聽request的請(qǐng)求账千；監(jiān)聽用戶的訪問事件侥蒙，來進(jìn)行事件處理，
/*回調(diào)函數(shù)居勇2個(gè)參數(shù)：分別是
* request:請(qǐng)求參數(shù)蕊爵，
* response：服務(wù)器響應(yīng)的參數(shù)
*
* */
server.on('request', function(req,res){
//每請(qǐng)求一次頁(yè)面此處會(huì)輸出兩次
console.log('進(jìn)去頁(yè)面');
res.write('hello');
res.end();
});
//監(jiān)聽端口號(hào)
server.listen(3000, function() {
console.log('服務(wù)啟動(dòng)成功');
});
在此處出現(xiàn)的問題是request事件的請(qǐng)求每次刷新頁(yè)面會(huì)輸出兩次辉哥，證明會(huì)請(qǐng)求2次在谷歌瀏覽器處是這個(gè)情況；谷歌中的2次請(qǐng)求為：1次頁(yè)面的請(qǐng)求攒射，1次favicon.ico醋旦；打開瀏覽器的調(diào)試Network會(huì)看到2次網(wǎng)絡(luò)的請(qǐng)求；減少favicon.ico的方法：事件監(jiān)聽的回調(diào)函數(shù)的rep的參數(shù)会放，具有url屬性（rep.url）會(huì)記錄此次瀏覽器的請(qǐng)求路徑饲齐，加入下邊的代碼就可以避免：
//判斷請(qǐng)求路徑
if(req.url == '/favicon.ico') return;
http資源請(qǐng)求靜態(tài)資源的問題
靜態(tài)資源包括img和script的src，link的href都會(huì)觸發(fā)后臺(tái)的respond事件監(jiān)聽的觸發(fā)咧最，發(fā)生請(qǐng)求：看代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--這里會(huì)對(duì)后臺(tái)發(fā)生請(qǐng)求-->
<link rel="stylesheet" type="text/css" href="../assets/css/style.css"/>
</head>
<body>
<h1>主頁(yè)</h1>
<!--這里也會(huì)發(fā)生請(qǐng)求-->
<script src="../assets/js/01.js"></script>
</body>
</html>
上邊的代碼捂人，css和js都是存儲(chǔ)在服務(wù)器端的靜態(tài)資源的代碼，請(qǐng)求的地址/assets/這個(gè)文件夾服務(wù)端的代碼可以改寫為：
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證明要請(qǐng)求靜態(tài)的資源
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.....')
})
此段服務(wù)器端的代碼需要相應(yīng)的目錄結(jié)構(gòu)配合
image.png
