Express请求处理-静态资源的处理-蒲公英云

Express请求处理-静态资源的处理

墨蓝 2023-10-06 13:09 204阅读 0赞

场景

Node的Web应用框架Express的简介与搭建HelloWorld：

Node的Web应用框架Express的简介与搭建HelloWorld_霸道流氓气质的博客-CSDN博客

注：

博客：
霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

静态资源的处理

通过Express内置的express.static 可以方便的托管静态文件，例如img、css、JavaScript文件等。

app.use(express.static('public'));

使用app.use中间件拦截所有请求，然后将请求交给express.stataic处理，并且将静态资源的目录告知static方法，在方法的内部会判断客户端发来的请求是否是静态资源请求，如果是则直接返回静态资源。

这里路径使用绝对路径，所以引入path

const path = require('path');

然后使用path的join方法拼接路径，第一个参数__dirname代表当前目录，第二个参数代表当前目录下public目录

app.use(express.static(path.join(__dirname,'public')))

完整示例代码

//引入express框架
const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname,'public')))
app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})