模块化路由

为了方便对路由进行模块化管理,Express不建议将路由挂在到app上,而是推荐将路由抽离为单独的模块

将路由抽离为单独的模块步骤如下:

创建路由模块对应的js文件

调用express.Router()函数创建路由对象

向路由对象挂在具体路由

调用module.exports向外共享路由对象

使用app.use()函数注册路由模块

router文件:

// 1. 导入 express
const express = require('express')
// 2. 创建路由对象
const router = express.Router()

// 3. 挂载具体的路由
router.get('/user/list', (req, res) => {
res.send('Get user list.')
})

// 4. 向外导出路由对象
module.exports = router

导入router文件:

const express = require('express')
const app = express()


// 1. 导入路由模块
const router = require('./router')
// 2. 注册路由模块
app.use('/api', router)
// app.use()函数的作用,就是用来注册全局中间件

app.listen(80, () => {
console.log('http://localhost:8080')
})


Express中间件

1、什么是中间件

中间件,特指业务流程的中间处理环节。


2、中间件的调用流程

当一个请求到达Express服务器后,可以连续调用多个中间件,从而对这次请求进行预处理。


3、Express中间件格式

Express的中间件,本质上是一个function处理函数

中间件函数的形参列表中,必须包含next参数,而路由处理函数中只包含req和res。

4、next函数的作用

next函数是实现多个中间件连续调用的关键,他表示把流转关系转交给下一个中间件或路由


5、定义中间件函数

const express = require('express')
const app = express()

// 定义一个中间件函数
const mw = function (req, res, next) {
console.log('这是最简单的中间件函数')
// 把流转关系,转交给下一个中间件或路由
next()
}

// 将 mw 注册为全局生效的中间件
app.use(mw)


6、中间件的作用

多个中间件之间,共享一份req和res,基于这样的特性,我们可以在上游的中间件中,统一为req和res对象添加自定义属性方法,供下游的中间件或路由进行使用。

// 这是定义全局中间件的简化形式
app.use((req, res, next) => {
// 获取到请求到达服务器的时间
const time = Date.now()
// 为 req 对象,挂载自定义属性,从而把时间共享给后面的所有路由
req.startTime = time
next()
})


7、定义多个全局中间件

可以使用app.use()连续定义多个全局中间件。客户端请求到达服务器之后,会按照中间件定义的先后顺序依次进行调用,

示例代码如下:

// 定义第一个全局中间件
app.use((req, res, next) => {
console.log('调用了第1个全局中间件')
next()
})
// 定义第二个全局中间件
app.use((req, res, next) => {
console.log('调用了第2个全局中间件')
next()
})


8、局部生效的中间件

不使用app.use()定义的中间件,叫做局部生效的中间件,代码如下:

// 1. 定义中间件函数
const mw1 = (req, res, next) => {
console.log('调用了局部生效的中间件')
next()
}

// 2. 创建路由
app.get('/', mw1, (req, res) => {
res.send('Home page.')
})


注意事项:

一定要在路由之前注册中间件

客户端发送过来的请求,可以连续调用多个中间件进行处理

执行完中间件的业务代码后,不要忘记调用next()函数

为了防止代码逻辑混乱,调用next()函数后不要在写额外的代码

连续调用多个中间件时,多个中间件之间,共享req和res对象

错误级别中间件必须在所有路由之后

express.urlencoded()是用来解析表单中url-encoded格式的数据

express.urlencoded({ extended:false })


CORS跨域资源共享

使用cors中间件解决跨域问题

cors是Express的一个第三方中间件,通过安装和配置cors中间件,可以很方便地解决跨域问题

使用步骤如下:

运行 npm i cors安装中间件

使用const cors = require('cors')导入中间件

在路由之前调用app.use(cors())配置中间件