模块化路由
为了方便对路由进行模块化管理,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())配置中间件