koa2入门（2） koa-router 路由处理

缺乏、安全感 2021-12-21 14:29 319阅读 0赞

#### 项目地址：[https://github.com/caochangkui/demo/tree/koa-test][https_github.com_caochangkui_demo_tree_koa-test] ####

## 1. 创建项目 ##

1.  创建目录 koa-test
2.  npm init 创建 package.json，然后执行 npm install
3.  通过 npm install koa 安装 koa 模块
4.  通过 npm install supervisor 安装supervisor模块, 用于node热启动
5.  在根目录下中新建 koa.js 文件，作为入口文件， 内容如下：

const Koa = require('koa'); // Koa 为一个class
    const app = new Koa();
    
    app.use(async (ctx, next) => {
      await next();
      ctx.response.body = 'Hello, koa2!';
    });
    
    app.listen(3333, () => {
      console.log('This server is running at http://localhost:' + 3333)
    })

1.  配置 package.json 文件

{
      "name": "koa-test",
      "version": "1.0.0",
      "description": "",
      "main": "koa.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "serve": "supervisor koa.js"
      },
      "author": "",
      "license": "ISC",
      "dependencies": {
        "koa": "^2.7.0",
        "supervisor": "^0.12.0"
      }
    }

1.  启动项目, 打开 [http://localhost:3333][http_localhost_3333] 即可

$ npm run serve

打开页面后，显示 hello koa2

## 2. 根据请求路径显示不同页面 ##

更改 koa.js

访问：[http://localhost:3333/about][http_localhost_3333_about] 显示：this is about page Go Index Page

## 3. koa-router 路由管理模块的使用 ##

koa-router 是一个处理路由的中间件

$ npm i koa-router

修改koa.js

也可给路由统一加个前缀：

const router = new Router({
        prefix: '/api'
    });

然后访问 [http://localhost:3333/api][http_localhost_3333_api] 即可，例如：[http://localhost:3333/api/hello/koa2][http_localhost_3333_api_hello_koa2]

## 4. post 请求 ##

koa2 需要使用 koa-bodyparser 中间件来处理post请求

$ npm i koa-bodyparser

修改 koa.js

--------------------

参考： [https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001471087582981d6c0ea265bf241b59a04fa6f61d767f6000][https_www.liaoxuefeng.com_wiki_001434446689867b27157e896e74d51a89c25cc8b43bdb3000_001471087582981d6c0ea265bf241b59a04fa6f61d767f6000]

转载于:https://www.cnblogs.com/cckui/p/10401563.html

[https_github.com_caochangkui_demo_tree_koa-test]: https://github.com/caochangkui/demo/tree/koa-test
[http_localhost_3333]: http://localhost:3333
[http_localhost_3333_about]: http://localhost:3333/about
[http_localhost_3333_api]: http://localhost:3333/api
[http_localhost_3333_api_hello_koa2]: http://localhost:3333/api/hello/koa2
[https_www.liaoxuefeng.com_wiki_001434446689867b27157e896e74d51a89c25cc8b43bdb3000_001471087582981d6c0ea265bf241b59a04fa6f61d767f6000]: https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001471087582981d6c0ea265bf241b59a04fa6f61d767f6000