为什么我不能从 Koa 路由器提供静态文件?
Why can't I serve static files from a Koa router?
为什么在以下情况下 koa-static
无法与 koa-router
一起使用?
const Koa = require("koa")
const serve = require("koa-static")
const Router = require("koa-router")
const app = new Koa()
const router = new Router()
// fails with 404... why?
router.use(serve("public"))
// // this, on the other hand, works
// app.use(serve("public"))
app.use(router.middleware())
app.listen(8080)
// browse to "http://localhost:8080/testfile.txt"
我做了这个 GitHub 回购来演示这个问题:koa-router-static-issue
这基本上就是我们在应用程序中配置内容的方式。
它使用 koa-mount
将静态文件服务器挂载到特定的根 URL。如果您的静态文件 URL 与路由的命名空间重叠,则静态文件获胜。
const Koa = require('koa')
const Router = require('koa-router')
const serve = require('koa-static')
const mount = require('koa-mount')
const app = new Koa()
const router = new Router()
router.get('/public/foobar.txt', (ctx,next) => {
ctx.body = "Ta-Da!"
ctx.status = 200
return;
})
app.use( mount( '/public', serve('./public') ) ) ;
app.use( router.middleware())
app.listen( 8080 ) ;
另一种选择是以一种可以作为路由器后备的方式包装静态文件夹...
const router = Router();
router.get('/', (ctx) => { ctx.body = 'Hello World!' });
app.use(serve('/tmp'));
app.use(router.routes());
在该示例中,转到 /
会带您到 helloWorld,然后回退到 /tmp/
中的任何文件
为什么在以下情况下 koa-static
无法与 koa-router
一起使用?
const Koa = require("koa")
const serve = require("koa-static")
const Router = require("koa-router")
const app = new Koa()
const router = new Router()
// fails with 404... why?
router.use(serve("public"))
// // this, on the other hand, works
// app.use(serve("public"))
app.use(router.middleware())
app.listen(8080)
// browse to "http://localhost:8080/testfile.txt"
我做了这个 GitHub 回购来演示这个问题:koa-router-static-issue
这基本上就是我们在应用程序中配置内容的方式。
它使用 koa-mount
将静态文件服务器挂载到特定的根 URL。如果您的静态文件 URL 与路由的命名空间重叠,则静态文件获胜。
const Koa = require('koa')
const Router = require('koa-router')
const serve = require('koa-static')
const mount = require('koa-mount')
const app = new Koa()
const router = new Router()
router.get('/public/foobar.txt', (ctx,next) => {
ctx.body = "Ta-Da!"
ctx.status = 200
return;
})
app.use( mount( '/public', serve('./public') ) ) ;
app.use( router.middleware())
app.listen( 8080 ) ;
另一种选择是以一种可以作为路由器后备的方式包装静态文件夹...
const router = Router();
router.get('/', (ctx) => { ctx.body = 'Hello World!' });
app.use(serve('/tmp'));
app.use(router.routes());
在该示例中,转到 /
会带您到 helloWorld,然后回退到 /tmp/