用户登录

Middleware,中间件。它是一种介于用户请求与 Next.js 应用的页面,文件或者应用的接口之间的东西,也就是我们可以通过中间件,在请求接触到应用页面或者应用接口之前去做一些事情,可以重定向,重写,在请求里添加头部,设置 cookie 等等。通过中间件,我们可以在 Next.js 应用实现身份验证,A/B 测试,机器人防护之类的功能。

在项目里新建一个唯一的中间件文件,这个文件要放在项目的根目录的下面。在根目录的下面新建一个文件,名字是 middleware.ts。如果你的项目用提 javascript,文件的名字应该是 middleware.js。

中间件其实就是一个函数,每个请求都会触发执行这个中间件函数,在文件里声明一个 middleware,它是一个函数,在函数里面先用 console.log 在控制台上输出一行文字。

在文件底部,可以默认导出上面定义的这个 middleware 函数。

测试

在浏览器,访问一个页面,然后观察一下终端输出的内容,这里输出了 中间件:middleware,说明请求页面的时候,触发执行了中间件。

在试一下,在 Insomnia 这个 HTTP 客户端,请求一下之前我们在 Next.js 应用里定义的一个接口,地址是 localhost:3000/api/greet。在控制台上同样会输出 中间件:middleware,说明请求应用接口的时候,也会触发执行应用里的中间件。

Next.js 应用的中间件:Middleware《 Next.js:中间件 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点