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