一,原因
1,沒有響應到css等文件
2,響應類型是由文件的后綴名決定
(1)html的請求頭
Content-Type : text/html ; charset=utf-8
(2) CSS的請求頭
content-type: text/css; charset=utf-8
(3)JavaScript的請求頭
content-type: text/javascrpt; charset=utf-8
二,解決方法:
(一) 拿到文件的后綴名
path.extname(path)獲取擴展名
(二) 除了方法,也可以定義定義模塊 => 拿取后綴名(文件類型)
1,創建model文件夾

2,在model文件夾下創建 getMime.js 文件

/**
* 獲取文件后綴名(文件類型)
* */
exports.getMime = function(extname){
switch(extname){
case '.html':
return 'text/html';
case '.css':
return 'text/css';
case '.js':
return 'text/javascript';
default:
return 'text/html';
}
}
(三)使用模塊(注意模塊的引用方式)
錯誤的引用方式:

正確的引用方式 :

(四)實際操作(4個步驟)

