【koa2】教你如何用中介軟體koa-static-router 搭建靜態資源伺服器，實現多路由載入靜態資源

AwesomeDevin發表於2018-08-03
伺服器路由

原始碼及使用說明 Git倉庫

安裝

$ npm install koa-static-router
複製程式碼

Usage

單個路由

const static = require('koa-static-router');
 app.use(static({
     dir,  //靜態資源目錄對於相對入口檔案index.js的路徑
     route   //路由命名
 }))
複製程式碼

多個路由 選擇多個路由時，請確保路由長度相同 '/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

【koa2】教你如何用中介軟體koa-static-router 搭建靜態資源伺服器，實現多路由載入靜態資源
訪問 localhost:3000/static/image/dir/2.png
【koa2】教你如何用中介軟體koa-static-router 搭建靜態資源伺服器，實現多路由載入靜態資源

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')
})
複製程式碼

相關文章