Node.js 加載靜態資源css,js等不顯示問題的解決方法


 

一,原因

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個步驟)

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM