先看我遇到的问题
// 引入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文件了。