您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)node有哪些中間件的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。
node中間件有:1、koa-bodyparser;2、koa-body;3、靜態(tài)資源管理器koa-static;4、cors;5、koa-cors;6、koa-cors2設(shè)置請(qǐng)求頭等等。
本文操作環(huán)境:Windows7系統(tǒng),nodejs10.16.2版,Dell G3電腦。
node中間件類型:
node中間件就是封裝在程序中處理http請(qǐng)求的功能。node中間件是在管道中執(zhí)行。中間件位于客戶機(jī)/ 服務(wù)器的操作系統(tǒng)之上,管理計(jì)算機(jī)資源和網(wǎng)絡(luò)通訊。
中間件為主要的邏輯業(yè)務(wù)所服務(wù),可分為:應(yīng)用級(jí)中間件、路由級(jí)中間件、內(nèi)置中間件、第三方中間件、錯(cuò)誤級(jí)中間件。
node常用的中間件:
在node的學(xué)習(xí)過(guò)程中積累了許多好用的中間件。這些中間件大部分要個(gè)koa配合使用
1、koa-bodyparser
這個(gè)插件使用來(lái)解析前端post請(qǐng)求帶來(lái)的參數(shù)的
//入口文件 const bodyParser = require('koa-bodyparser'); app.use(bodyParser({//設(shè)置可以接收的數(shù)據(jù)類型 enableTypes:['json', 'form', 'text'] })) async function (ctx) { console.log(ctx.request.body) ctx.req.on('data',(data) => { console.log(JSON.parse(data),'文件') }) }
在沒有引入koa-bodyparser的情況下只能通過(guò)ctx.req.on('data',callback)來(lái)獲取參數(shù)
而引入中間件后只要ctx.request.body就可以獲取到參數(shù)。相比第一種便利很多。
2、koa-body
這個(gè)插件是用來(lái)獲取請(qǐng)求中上傳的文件和文件信息比如圖片過(guò)zip文件
const koaBody = require('koa-body') app.use(koaBody({ multipart: true, formidable: { maxFileSize: 20 * 1024 * 1024 // 設(shè)置上傳文件大小最大限制,默認(rèn)2M } }))
在請(qǐng)求的處理中就可以直接通過(guò)ctx.request.files就能獲取到所有上傳的文件的信息。
注意!?。∮昧薻oa-body就不要在使用koa-bodyparser會(huì)沖突導(dǎo)致前端的post請(qǐng)求返回的status碼為canceled
3、靜態(tài)資源管理器koa-static
在本地測(cè)試的時(shí)候我上傳了一張圖片,然后將圖片地址打印后是一長(zhǎng)串的c://.../name/.png,這樣雖然在本地能夠訪問但是如果放到服務(wù)器上就行不通了!
通過(guò)引入koa-static可以將靜態(tài)文件地址指定到項(xiàng)目路徑上的某個(gè)文件夾然后通過(guò)koa監(jiān)聽的端口直接http://192.168.0.177:3030/name.png就能訪問圖片了
const koaStatic = require('koa-static') app.use(koaStatic('./public'))//括號(hào)中是設(shè)置的靜態(tài)文件路徑
4、cors、koa-cors、koa-cors2設(shè)置請(qǐng)求頭
這幾個(gè)中間件基本我都是用來(lái)配置跨域和請(qǐng)求頭的信息
const cors = require('koa2-cors') app.use(cors({ exposeHeaders: ['multipart/form-data','application/x-www-form-urlencoded'] }))
可以自己設(shè)置參數(shù)也可以不設(shè)置參數(shù)直接app.use(cors())就可以跨域。
這里說(shuō)到跨域就順便提一提原生node跨域的設(shè)置方法(同樣可以設(shè)置請(qǐng)求頭的各種配置)
app.use(async (ctx, next) => { ctx.set('Access-Control-Allow-Origin', ctx.headers.origin)//'*'有可能會(huì)問題 ctx.set('Access-Control-Allow-Credentials', 'true') ctx.set('Access-Control-Allow-Headers', 'Origin ,multipart/form-data, X-Requested-With, Content-Type, Accept') await next() })
感謝各位的閱讀!關(guān)于“node有哪些中間件”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。