【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

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

学如逆水行舟,不进则退
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一百个Chocolate

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值