1-14 express托管静态资源

express托管静态资源

express提供了一个非常好用的函数，叫做express.static(),通过它，我们可以非常方便地创建一个静态资源服务器，例如，通过如下代码就可以将public目录下的图片、CSS文件、JavaScript文件对外开放访问了。

//导入express
const express = require('express')
//创建web服务器
const app = express()
app.use(express.static('public'))

注意：Express在指定的静态目录中查找文件，并对外提供资源的访问路径。因此，存放静态文件的目录名不会出现在URL中。

//导入express
 const express = require('express')
//创建web服务器
const app = express()

//在这里调用express.static()方法， 快速对外提供静态资源
//如果要对外提供多个静态资源目录，重复写更换文件目录即可
app.use(express.static('./clock'))
app.listen(80,(req,res)=>{
    console.log('express server running at 127.0.0.1')

})

挂载路径前缀

如果希望再托管的静态资源访问路径之前，挂载路径前缀，则可以使用如下的方式：

//导入express
 const express = require('express')
//创建web服务器
const app = express()

//在这里调用express.static()方法， 快速对外提供静态资源
//如果要对外提供多个静态资源目录，重复写更换文件目录即可
app.use('/public', express.static('./public'))
app.listen(80,(req,res)=>{
    console.log('express server running at 127.0.0.1')

})