十三.koa-static静的リソースミドルウェア
941 ワード
バックグラウンド開発では,コード処理を必要とするビジネスロジックリクエストだけでなく,静的リソースリクエストも多数存在する.例えばjs,css,jpg,pngなどの静的リソース要求を要求する.非常に多く、静的リソースパスにアクセスすることもあります.koa 2自身でこれらの静的リソースにアクセスすることは完全に可能ですが、コードは少し長くなります.だからこの授業ではkoa-staticミドルウェアを利用して静的リソースへのアクセスを実現します.
koa-staticのインストール:
npmを使用してミドルウェアをインストールし、講義では4.0.2バージョンを使用します.
新しいstaticフォルダを作成し、staticファイルに画像、css、jsファイルを入れます.
koa-staticミドルウェアを使用してdemo 12.jsファイルを新規作成し、koa-staticミドルウェアを導入し、app.useメソッドで使用します.
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')
})