背景:
在vue项目过程中,后台将权限数据一起放在token 中,导致token 过大,后台将请求头部的最大值设置为40M , 在axios请求过程中,报:
431错误(Request Header Fields Too Large)
原因:
虽然,后台已经设置了请求头部的最大值。但是,我们在用vue-cli 脚手架开发过程中,是使用脚手架自带的服务,去启动的项目,所以,需要给脚手架启的服务,设置请求头部的最大值。
注:打包后,页面为静态页面,需要在运行此页面的服务器上,重新设置请求头部的最大值。
解决方案:
修改:此路径 node_modules/.bin/vue-cli-service.cmd 中的文件
主要改动,在下面的语句中,加了 "--max-http-header-size=1000000",即可:
"%_prog%" "--max-http-header-size=1000000" "%dp0%\..\@vue\cli-service\bin\vue-cli-service.js"%*
vue-cli-service.cmd文件,修改后完整代码: