doubleyong
管理员
管理员
  • 最后登录2021-06-18
  • 发帖数1013
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:566回复:0

[vue]vue项目中使用axios 请求,报431错误(Request Header Fields Too Large)错误

楼主#
更多 发布于:2021-04-01 10:29
背景:

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

431(Request Header Fields Too Large)错误


原因:

虽然,后台已经设置了请求头部的最大值。但是,我们在用vue-cli 脚手架开发过程中,是使用脚手架自带的服务,去启动的项目,所以,需要给脚手架启的服务,设置请求头部的最大值。


注:打包后,页面为静态页面,需要在运行此页面的服务器上,重新设置请求头部的最大值。



解决方案:

参考:https://blog.csdn.net/qq_38652871/article/details/106101750

参考,如上链接,去修改 node_modules/.bin/webpack-dev-server.cmd 没有效果。

最后,修改的是 node_modules/.bin/vue-cli-service.cmd ,ctrl + c , 结束 ,在npm run serve 运行成功


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


主要改动,在下面的语句中,加了 "--max-http-header-size=1000000",即可:


"%_prog%"  "--max-http-header-size=1000000"  "%dp0%\..\@vue\cli-service\bin\vue-cli-service.js" %*
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号