十三.koa-static静的リソースミドルウェア

941 ワード

バックグラウンド開発では,コード処理を必要とするビジネスロジックリクエストだけでなく,静的リソースリクエストも多数存在する.例えばjs,css,jpg,pngなどの静的リソース要求を要求する.非常に多く、静的リソースパスにアクセスすることもあります.koa 2自身でこれらの静的リソースにアクセスすることは完全に可能ですが、コードは少し長くなります.だからこの授業ではkoa-staticミドルウェアを利用して静的リソースへのアクセスを実現します.
koa-staticのインストール:
npmを使用してミドルウェアをインストールし、講義では4.0.2バージョンを使用します.
npm install --save koa-static

新しいstaticフォルダを作成し、staticファイルに画像、css、jsファイルを入れます.
koa-staticミドルウェアを使用してdemo 12.jsファイルを新規作成し、koa-staticミドルウェアを導入し、app.useメソッドで使用します.
const Koa = require('koa')
const path = require('path')
const static = require('koa-static')
 
const app = new Koa()
 
 
const staticPath = './static'
 
app.use(static(
  path.join( __dirname,  staticPath)
))
 
 
app.use( async ( ctx ) => {
  ctx.body = 'hello world'
})
 
app.listen(3000, () => {
  console.log('[demo] static-use-middleware is starting at port 3000')
})