静态资源托管(利用express)

目标

用static中间件来托管静态资源，实现web服务器

实现方法

1. 初始化项目文件夹，下载express
初始化终端命令为：npm init --yes
下载express终端命令为：npm i express
2. 在项目文件夹下新建public文件夹,将所有的静态资源(js文件、css文件、html文件、图片等),如下:

3. 新建public的同级文件server.js，server.js参考代码如下：

// 加载 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!'))

此时，所有放在public下的内容可以直接访问，注意，此时在url中并不需要出现public这级目录

4. 如果有多个静态资源文件夹需要托管，则需要添加访问前缀

// 限制访问前缀
app.use('/public', express.static('public'))
app.use('/common', express.static('common'))

这意味着想要访问public下的内容，必须要在请求url中加上/public