2022-03-01 Node.js Express框架学习笔记(五) 使用express.static方法托管静态文件

1.静态文件

图像、CSS 文件和 JavaScript 文件之类的文件属于静态文件

2.内置中间件express.static

可以使用 express.static 中间件来设置静态文件路径
语法:express.static(root, [options])
如:托管public文件下下的静态文件

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

托管后,可以通过浏览器地址栏访问public文件夹下的静态文件

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

注意路径不用带上public,或者说此处http://localhost:3000就是public

3.可以为多个目录托管静态文件

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

4.若要地址栏带上目录名

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

此时地址栏要输入:http://localhost:3000/public/hello.html