Koa&Mongoose&Vue实现前后端分离04注册&登录：用户路由配置

上节回顾

mongoose

工作内容

• 后端：路由拦截


• Postman：测试接口

准备工作

• npm i -S @koa/router //安装路由

路由拦截

基本用法

// 修改文件：/server/app.js
const koa = require('koa');
const Router = require('@koa/router'); //引入NPM包
const router = new Router() // 创建实例
const app = new koa();
app.use((ctx, next) => {
ctx.body = '测试测试测试'; //该中间件任何时候都会走，GET请求'/'路径时，返回被后续的返回覆盖了，所以，没有展示。
next();
})
router.get('/', (ctx, next) => { //拦截GET访问'/'路径的请求
ctx.body = `访问路径：${ctx.originalUrl}`
});
app
.use(router.routes())
.use(router.allowedMethods()); // 嵌入中间件
app.on('error', err => {
log.error('server error', err)
});
module.exports = app;

以 nodemon 配置的 launch.json 运行

浏览器输入 localhost:3000 和 localhost:3000/any 查看输出结果。

优化代码

这里希望将所有的路由配置提取到 /server/router 文件中（注意还原 /server/app.js ）。

// 新建文件：/server/control/users.js————预定义处理路由处理函数
async function list (ctx) {
ctx.body = 'list'
}
async function register (ctx) {
ctx.body = 'register'
}
async function login (ctx) {
ctx.body = 'login'
}
async function update (ctx) {
ctx.body = 'update'
}
module.exports = {
list,
register,
login,
update
}

// 新建文件：/server/router/users.js
const Router = require('@koa/router');
const routerUtils = require('../utils/router');
const { list, register, login, update } = require('../control/users');
const router = new Router({
prefix: '/users' //路由前缀，该文件下的路由路径，追加'/users'为前缀
});
// 配置路由
const routes = [
{
path: '/',
method: 'GET',
handle: list
},
{
path: '/',
method: 'POST',
handle: login
},
{
path: '/:id',
method: 'PATCH',
handle: update
},
];
routerUtils.register.call(router, routes); // 注册路由
module.exports = router; //导出User的路由实例

// 新建文件：/server/utils/router.js
function register(routes) {
// 转换为'@koa/router'拦截路由的形式：router.get(, )
routes.forEach((route, idx) => {
const { path, method, handle } = route;
this[method.toLowerCase()](path, async (ctx, next) => {
await handle(ctx);
})
})
}
module.exports = {
register,
}

// 新建文件：/server/router/index.js
const userRouter = require('./users');
// 导出User路由相关的中间件，后续可追加其它的中间件
module.exports = [
userRouter.routes(),
userRouter.allowedMethods()
];

// 更新文件：/server/app.js
const koa = require('koa');
const routes = require('./router');
const app = new koa();
app.use((ctx, next) => {
ctx.body = '测试测试测试';
next();
})
//中间件： 路由 --> 不支持一次性注册多个中间件
// app.use(...router.routes).use(...router.allowedMethods);
routes.forEach(route => {
app.use(route);
});
app.on('error', err => {
log.error('server error', err)
});
module.exports = app;

Postman测试接口

• 可以建立一个文件夹存放同系列的请求，也可以直接新建一个请求

• 


• 测试Get请求/users接口


• 可以通过断点查看拦截请求

参考文档

@koa/router