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运行
nodemon

浏览器输入localhost:3000localhost: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(<path>, <handle>)
  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测试接口

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

新建Postman请求

  • 基本介绍
  • 测试Get请求/users接口get('/users')
  • 可以通过断点查看拦截请求断点数据

参考文档

@koa/router

阅读 1.1k

1.2k 声望
68 粉丝
0 条评论
1.2k 声望
68 粉丝
文章目录
宣传栏