Koa中间件 --- koa-static

Posted IT职业地图

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Koa中间件 --- koa-static相关的知识,希望对你有一定的参考价值。

一直很想学后端技术,就是不知道如何提起兴趣,找到一个突破点。一日突然想从npm包和koa 的中间件着手学习后端,看下后端同学思考和关心的点是什么。于是我就从npm包和中间件入手,来扒一扒后端的知识。Koa 是目前很火的 nodejs 框架,使用起来快捷方便。 如果懒的一点点窜架构,可以直接用  koa-generator脚手架很快就能搞到一个简易的框架。

 

1.全局安装 koa-generator

$ npm install -g koa-generator

 

2. 生成框架

koa2 /yourFolder

 

3.执行安装

npm install

 

4.启动

npm start npm start dev

 

5.查看

浏览器查看 localhost:3000 即可

 

效果图:

 


 

这一步完成的很easy,接下来我们看下目录结构。

Koa中间件 --- koa-static

 

这里koa-router  koa-static 已经创建完成,我们只需要根据业务扩展下即可。接下来我们从package.json看下koa的功能。

 

Koa-static

超简单的一个中间件,目的是把服务器上的一个或者多个文件夹变成静态的,然后就可以开放给所有用户查看。

在代码中我们设置了


然后我们在public文件夹下放一张1.png图片, 并在浏览器中输入 localhost:3000/1.png



以上是关于Koa中间件 --- koa-static的主要内容,如果未能解决你的问题,请参考以下文章

从koa-static中间件学习搭建静态文件服务器

使用Koa2进行Web开发静态文件与路由

使用Koa2进行Web开发静态文件与路由

个人博客设计记录

koa 核心拓展——中间件机制

koa2 从入门到进阶之路