让用户直接访问静态资源是一个web服务器最基本的功能。
http://localhost:3000/1.png
http://localhost:3000/css/style.css
http://localhost:3000/js/index.js
例如,如上url分别是请求一张图片,一份样式文件,一份js代码。我们实现的web服务器需要能够直接返回这些文件的内容给客户端浏览器。
在前面学习http模块时,我们已经实现了这些功能了,但是要写很多代码,现在使用express框架,只需一句代码就可以搞定了,这句代码是 express.static('目录')
基本使用方法
// 加载 Express
const express = require('express')
// 1. 调用 express() 得到一个 app
// 类似于 http.createServer()
const app = express();
// 2. 静态资源托管
app.use(express.static('public'))
// 3. 监听端口号,启动 Web 服务
app.listen(3000, () => console.log('app listening on port 3000!'))
app.use('/public', express.static('public'))
这意味着想要访问public下的内容,必须要在请求url中加上/public
然后在文件目