【koa2】koa-static-router 中间件搭建静态资源服务器,实现多个&&多层路由加载静态资源

koa中间件 koa-static-router中间件搭建静态资源服务器, 实现多个&&多层路由加载静态资源

源码及使用说明 Git仓库

安装

$ npm install koa-static-router

Usage

简单配置
app.use(static('public'))      //默认配置: {dir:public  route:'/public'}
单个路由
const static = require('koa-static-router');
 app.use(static({
     dir,  //静态资源目录对于相对入口文件index.js的路径
     router   //路由命名
 }))
多个路由

选择多个路由时,请确保路由长度相同
'/static/' - >路由长度 = 1
'/static/image1/' - >路由长度 =2

const static = require('koa-static-router');
app.use(static([
    {
    dir',     //静态资源目录对于相对入口文件index.js的路径
    router    //路由命名
},{
    dir,
    router  
}
]))

Demo

git clone
cd koa-static-router
npm install 
npm start

访问 localhost:3000/public/image/dir/1.png


image

访问 localhost:3000/static/image/dir/2.png


image
const Koa = require('koa')
const app = new Koa()
const static = require('koa-static-router');


// 单个路由
// app.use(static({
//     dir:'public',
//     router:'/static/'     //路由长度 =1
// }))


//多个路由
app.use(static([
    {
    dir:'public',    //静态资源目录对于相对入口文件index.js的路径
    router:'/public/image/'   //路由命名   路由长度 =2
},{
    dir:'static',   //静态资源目录对于相对入口文件index.js的路径
    router:'/static/image/'    //路由命名  路由长度 =2
}
]))

app.use( async ( ctx ) => {
  ctx.body = 'hello world'
})

app.listen(3000, () => {
  console.log('build success')
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,087评论 19 139
  • 框架提出的背景 ES6/7带来的变革 自ES6确定和ES7中async/await开始普及,Node的发展变得更加...
    宫若石阅读 8,558评论 1 14
  • 管理修改 Git管理的是修改,而不是文件 Git管理的是修改,当你用git add命令后,在工作区的第一次修改被放...
    迷之菌阅读 188评论 0 0
  • 继承 面向对象编程 (OOP) 语言的一个主要功能就是“继承”。继承是指:可以使用现有类的所有功能,并无需重新编写...
    fanhang64阅读 468评论 0 4
  • 近期一直和公司的管培生聊职业发展、问题处理、思维等相关的东西。最终发现或多或少都会谈到一个共同的话题:什么是好工作...
    张超超超阅读 5,481评论 2 22