node.js css文件已经被加载但是无法渲染页面的问题和解决方法

问题：在使用node.js创建了一个服务器，加载html页面后css文件已经被加载但是页面没有被渲染

如图

 

 

此时已经证明了路径是没有问题的，那么问题出现在哪里？

代码如下

const fs = require('fs');
const http = require('http');
const path = require('path');

const server = http.createServer();

server.on('request', (req, res) => {
    // res.setHeader('Content-type', 'text/html; charset=utf-8'); //设置请求头后就会出错
    let urlb = req.url;
    let fpath = '';
    if (urlb === '/') {
        fpath = path.join(__dirname, './clock/index.html');
    } else {
        fpath = path.join(__dirname, '/clock', urlb);
    }
    fs.readFile(fpath, 'utf8', (err, dataStr) => {
        if (err) return res.end('404 NOT Found!');
        res.end(dataStr);
    });
});

server.listen(80, () => {
    console.log('The server runing at http://127.0.0.1');
});

发现请求头设置有问题，被注释后完美解决。

 

但是为什么js会正常运行？？？我不知道 这里很明显可以看出js文件改了请求头也是不行的