背景:
在vue項(xiàng)目過(guò)程中畦攘,后臺(tái)將權(quán)限數(shù)據(jù)一起放在token 中鸭巴,導(dǎo)致token 過(guò)大崇渗,后臺(tái)將請(qǐng)求頭部的最大值設(shè)置為40M , 在axios請(qǐng)求過(guò)程中泳唠,報(bào):
431錯(cuò)誤(Request Header Fields Too Large)
原因:
雖然,后臺(tái)已經(jīng)設(shè)置了請(qǐng)求頭部的最大值礼搁。但是饶碘,我們?cè)谟胿ue-cli 腳手架開發(fā)過(guò)程中,是使用腳手架自帶的服務(wù)馒吴,去啟動(dòng)的項(xiàng)目扎运,所以,需要給腳手架啟的服務(wù)饮戳,設(shè)置請(qǐng)求頭部的最大值豪治。
注:打包后,頁(yè)面為靜態(tài)頁(yè)面扯罐,需要在運(yùn)行此頁(yè)面的服務(wù)器上负拟,重新設(shè)置請(qǐng)求頭部的最大值。
解決方案:
修改:此路徑 node_modules/.bin/vue-cli-service.cmd 中的文件
主要改動(dòng)歹河,在下面的語(yǔ)句中掩浙,加了 "--max-http-header-size=1000000",即可:
"%_prog%"? ?"--max-http-header-size=1000000"? ?"%dp0%\..\@vue\cli-service\bin\vue-cli-service.js"%*
vue-cli-service.cmd文件启泣,修改后完整代碼: