Vue全家桶+SSR+Koa2全栈开发美团网②——Koa2基础

全局安装koa-generator脚手架

npm i -g koa-generator

以ejs为模板引擎创建项目

koa2 -e porject

默认创建的项目以jade为模板引擎

koa2 porject

然后进入到项目目录,安装依赖

cd project

npm i
npm run dev  //启动开发模式

npm start

async和await基础

async用来声明异步函数,声明async的函数内部可以没有await,但有await时外部的函数肯定有async声明

await后跟一个pormise对象,不是pormise对象时它会自动转换成pormise对象

x = await 10

相当于
x = await new Promise.resolve(10)

当有多个await时,程序会依次向下执行 

Vue全家桶+SSR+Koa2全栈开发美团网②——Koa2基础_第1张图片

a是一个promise对象,表示一秒后返回一个字符串‘a,加了await后先等待1秒后执行a = ‘a’,然后再执行在body对象中插入a,如果不加await,那就先执行了在body对象中插入a,此时a还是一个空对象,就没有意义了

koa2中间件

在主目录下新建middleware文件夹,在此文件夹中新建koa-pv.js文件,写入

Vue全家桶+SSR+Koa2全栈开发美团网②——Koa2基础_第2张图片

注意导出的是一个函数

然后在app.js中导入和使用这个中间件

Vue全家桶+SSR+Koa2全栈开发美团网②——Koa2基础_第3张图片

你可能感兴趣的:(Vue全家桶+SSR+Koa2全栈开发美团网②——Koa2基础)