使用serve-static模块，明明代码正确却无法访问静态资源是怎么回事

先看我遇到的问题

// 引入serve-static模块
const serveStatic = require('serve-static');
const serve = serveStatic(path.join(__dirname,'public'));
app.on('request',(req,res)=>{
    router(req,res,()=>{});
    //启用静态资源访问服务功能
    serve(req,res,()=>{
        console.log('调用成功')
    })
});

从这里可以看出代码是没有问题的，但是在浏览器访问localhost却无法正确引入css文件。

再从文件路径来看初始状态是

但是index.art中文件链接css的代码是这样的

<link rel="stylesheet" href="./css/main.css">

华生是不是发现了个盲点。写到这里忽然发现就是这里的路径问题serve-static模块进入public是想找css文件夹却没有找到，导致没有正确加载main.css文件，所以我们需要删除/css

或者在public中建个css文件夹，这样模块就能正确加载main.css文件了。