vue项目中使用axios 请求，报431错误（Request Header Fields Too Large）错误

背景：

在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" %*

 

作者：doubleyong

博客：bugshouji.com (专门解决与收集bug的网站)

 

欢迎添加下面的 “公众号” ，可以第一时间获到文章推送 @_@