vue中使用koa2

  最近开始学习koa2+vue,先说安装

1.全局安装

npm i koa-generator -g

2.初始化项目

koa2 -e xxx

-e:使用es的模板引擎

 

使用async和await:

   async中await可有可无,await必须使用在async中,并且await后面跟的是promise对象,如果不是会自动转化

   eg:

router.get('/', async (ctx, next) => {
  await ctx.render('index', {
    title: 'Hello Koa 2!'
  })
})

 

中间件的使用:

vue中使用koa2_第1张图片

每一个中间件都是有进和出的两个过程,都是先进后出

vue中使用koa2_第2张图片

自定义一个中间件,ctx是一个全局对象,里面有request 和 response 对象,以及一些其他的api

vue中使用koa2_第3张图片

await next() //进入下一个中间件

在app.js中使用:

const pv = require('./middleware/koa-pv')

app.use(pv())

koa-router的使用:

路由的模块化,使用router.prefix()

vue中使用koa2_第4张图片

上图,只用匹配到/users/或/users/bar才会显示相应的内容

 

 

你可能感兴趣的:(vue)