开发者社区> 问答> 正文

nodejs中css,js加载的问题,报错如图,用了fs.readFile就没事了,为啥?

a123456678 2016-03-11 10:34:24 804
//加载静态文件,结果加载css,js的时候会报错
function static_server_file(file,res){
    var rs = fs.createReadStream(file);
    var contents;
    console.log(content_type(file));
    res.writeHead(200,{'Content-Type':content_type(file)});
    
    rs.on('readable',function(){
        var d = rs.read();
        var str;
        if(d){
            if(typeof d == 'string'){
                str = d;
            }else if( typeof d == 'object' && d instanceof Buffer){
                str = d.toString('utf-8');
            }
        }
        if(str){
            if(!contents){
                contents = str;
            }else{
                contents += str;
            }
        }
        //res.write(contents);
    });
    rs.on('end',function(){
        //console.log(contents);
        res.write(contents);
        res.end();
    });
    rs.on('error',function(e){
        res.writeHead(404,{'Content-Type':'appalication/json'});
        var out = {
            error:'not found',
            message:file+'not found'
        };
        res.end(JSON.toString(out));
        return;
    })
    
}
//根据文件确定mine类型
function content_type(file){
    var extname = path.extname(file);
    var type;
    switch(extname.toLowerCase()){
        case '.html':
        type = 'text/html';
        break;
        case '.js':
        type = 'text/javascript';
        break;
        case '.css':
        type = 'text/css';
        break;
        case '.jpg':
        type = 'image/jpg';
        break;
        default:type = 'text/plain';
    }
    return type;
}
//这是修改后的版本,加载css,js的时候没有问题,这是为什么
function static_server_file(file,res){

    fs.readFile(file,function(err,data){
        if(err){
            if(err && err.error == 'no_such_album'){
                send_failure(res,404,err);
            }else{
                send_failure(res,500,err);
            }
        }
        
        res.writeHead(200,{'Content-Type':content_type(file)});
        res.write(data);
        res.end();    
    });
}
JSON 前端开发 JavaScript 数据格式
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 18:58:37

    你的这个 函数 static_server_file 里面处理这么复杂干什么呢?

    function static_server_file(file,res){
        var rs = fs.createReadStream(file);
        var contents;
        console.log(content_type(file));
    
        rs.on('readable',function(){
            res.writeHead(200,{'Content-Type':content_type(file)});
    
            rs.pipe(res);
        });
        
        rs.on('error',function(e){
            res.writeHead(404,{'Content-Type':'appalication/json'});
            var out = {
                error:'not found',
                message:file+'not found'
            };
            res.end(JSON.toString(out));
            return;
        })
    }
    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程