nodejs koa2 設置 靜態資源目錄

參考這篇文章：https://blog.csdn.net/qq_38262910/article/details/89147571?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

1. 一般需要安裝 中間件 koa-static

npm install koa-static --save　　

  並且設置 靜態資源目錄

const path = require('path')
const staticFiles = require('koa-static')
app.use(staticFiles(path.join(__dirname + './public/')))

　　

 

 這是目錄結構，app.js是我們的入口文件。為了public里面保存有我們上傳的圖片，為了在瀏覽器中可以查看這些圖片，我們需要把該public目錄設置為靜態資源目錄。
我們需要在入口文件app.js中配置

2. 但是在koa2 框架中，已經事先為我們配置好了 koa-static

在這里

 

 所以，我們直接項目跑起來即可 npm start  或 npm run dev 即可

瀏覽器地址直接訪問即可

 

 

static模塊的使用也比較簡單，規划好靜態文件存放的路徑，使用app.use掛載在應用上即可。 
下面的代碼中，__dirname+ “/static/html” 表示靜態文件存放的路徑，當接收到請求后，會在該路徑下進行查找，serve還可以接收一個對象，表示查找文件的后綴名。

const Koa = require('koa');
const app = new Koa();
const  serve = require("koa-static");
app.use(serve(__dirname+ "/static/html",{ extensions: ['html']}));
app.listen(3000);