【Vue全家桶+SSR+Koa2全栈开发】(三)Koa2基础

写在开头

大家好,这里是 lionLoveVue,基础知识决定了编程思维,学如逆水行舟,不进则退。金三银四,为了面试也还在慢慢积累知识,Github上面可以直接查看所有前端知识点梳理, github传送门,觉得不错,点个Star★,好运连连,Offer终究鼠于你,持续更新中。另外,也可以关注微信公众号: 小狮子前端Vue,源码以及资料今后都会放在里面。

Koa2基础


koa-generator

管理员身份打开cmd,运行如下代码,全局安装

npm install -g koa-generator

使用git bash,在文件夹内创建项目

koa2 -e project_name

-e 表示使用ejs,不加和 node 一样


接下来,执行安装命令

cd koa2_learn
npm install

安装&更新 fsevents

npm install --update-binary

run app命令:

DEBUG=koa2_learn:* npm start

执行后输出 node bin/www 说明服务端已经跑起来了

访问 http://localhost:3000/ 查看页面效果


我们查看 package.json ,发现启动脚本是通过 npm scripts ,如果你想要自启动的话,执行如下命令:

npm run dev


对于上述执行指令,devprd 必须使用 npm run xxx

与此同时,我们在 index.js 全局打印一下,加入如下代码:

git bash 中执行如下命令

npm run dev

说明我们改变服务端脚本,服务能够自启动了

Koa2中间件


图片来自Koa2官方,大致意思就是服务端接受客户端的 Request,经过服务端一些流程,然后 Response 返回给浏览器,其中每一个环,都是一个中间件。进来的时候会经过某个中间件,出去的时候也会经过,这样的机制就可以让中间件引用顺序和代码执行顺序不一致。

结尾


如若本文有瑕疵需修改的地方,请提出来,谢谢您的贡献!

欢迎关注微信公众号:小狮子前端Vue

谢谢您的支持!✿✿ヽ(°▽°)ノ✿

学如逆水行舟,不进则退

你可能感兴趣的:(【Vue全家桶+SSR+Koa2全栈开发】(三)Koa2基础)