http code 431错误(Request Header Fields Too Large)错误

背景:

在vue项目过程中,后台将权限数据一起放在token 中,导致token 过大,后台将请求头部的最大值设置为40M , 在axios请求过程中,报:

\color{ #FF0000 } { 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文件,修改后完整代码:

@ECHO off

SETLOCAL

CALL :find_dp0

IF EXIST "%dp0%\node.exe" (

  SET "_prog=%dp0%\node.exe"

) ELSE (

  SET "_prog=node"

  SET PATHEXT=%PATHEXT:;.JS;=;%

)

"%_prog%"  "--max-http-header-size=1000000"  "%dp0%\..\@vue\cli-service\bin\vue-cli-service.js" %*

ENDLOCAL

EXIT /b %errorlevel%

:find_dp0

SET dp0=%~dp0

EXIT /b
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 项目流程: 多区域轮播多区域列表循环展示根据不同城市展示不同景点 城市展示,城市搜索城市右侧字母与左侧城市联动效果...
  • 1、说说你对http的理解 1)首先用户端与服务器需要建立连接。 2)建立连接后,用户端发送一个请求给服务器 3)...
    涅槃no重生阅读 557评论 0 0
  • 开发一个项目,采用什么语言都可以,主要能熟练高效的开发都是合理的,这次我们采用vue来开发一个团队项目。在开...
    MsgSS阅读 2,959评论 3 9
  • 前端经典面试题: 1、(前端面试题)https://zhuanlan.zhihu.com/p/84212558?f...
    who_are_you_阅读 367评论 0 2
  • 一,学习背景及介绍 目标掌握Vue.js在实战中的运用,学会使用Vue.js完整地开发移动端APP学会组件化、模块...
    eastbaby阅读 446评论 0 2