场景
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!')
})
在项目下新建public目录并放置badao.png照片
然后启动项目
node app.js
访问该图片
http://localhost:3000/badao.png