数据请求的时候遇到 Status code: 431 Request Header Fields Too Large

最新推荐文章于 2024-04-23 15:19:10 发布
最新推荐文章于 2024-04-23 15:19:10 发布
阅读量1.6w 收藏 9
点赞数 13
文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46115723/article/details/105620672
版权

今天在做后端的一个上传商品的接口,测试的时候遇到了 Status code: 431 Request Header Fields Too Large 的报错问题,以防踩坑,特此记录

前端使用了base64的格式上传的图片,结果出现了这个问题
在这里插入图片描述
后端测试也是出现了Status code: 431 Request Header Fields Too Large的报错
在这里插入图片描述

最后经过查询资料发现由于base64是一段很长很长的字符串,而get的请求在谷歌浏览器中的url长度限制超过8182个字符,所以才会出现了这个问题,所以我们只需要在后端将这个get请求的接口改为post请求的接口即可解决这个问题

在这里插入图片描述
完美解决
在这里插入图片描述

阿兵呐
关注
  • 13
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IOS 出现问题POST网络请求状态code:500的解决方法
08-31
在iOS开发中，当进行POST网络请求时遇到状态码为500的错误，这通常意味着服务器遇到了一个未预见的问题，无法完成对客户端请求的处理。HTTP状态码500是一个服务器错误，它通常与服务器端的代码或配置有关。然而，有...
Gradle build 报错:Received status code 400 from server
08-18
主要介绍了Gradle build 报错:Received status code 400 from server，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
前端接口报错431解决办法
hellolipop
02-23 8313
起因 这次的项目使用的是后端返回的token来进行接口请求登录验证，由于后端没有进行优化，当权限过多时造成了前端请求时报错431，这我就头大了，接下来都无法进行开发了。 后续方法 一开始在网上找了很多方法，如果使用的是vue-cli构建的项目，启动时使用的也是vue的vue-cli-service.js启动项目。只要在node_modules中找到.ban文件夹下的vue-cli-service.cmd文件，添加如下内容 "--max-http-header-size=1000000" 当然size的数值
报错：431 Request Header Fields Too Large
enthan809882的博客
04-17 2万+
场景 发送请求的时候报错，提示信息为： 431 Request Header Fields Too Large 解决方案 报这个错的原因就是，http请求header过大，超过了服务器的限制。 方案一(未实测)： application.yml中设置下参数。 server: port: 8090 tomcat: max-swallow-size: -1 max-http-header-size: 2MB 方案二： nginx中添加配置。 client_header_buffer_siz
解决Request Header Fields Too Large问题：详细步骤与代码实例
最新发布
奇妙的Bug之旅
04-23 1675
"Request Header Fields Too Large"错误通常是由于请求头过大导致的。要解决这个问题，可以增加服务器的请求头大小限制，或者优化请求头以减少其大小。通过以上步骤和代码实例，您应该能够成功解决这个错误。
vue 431错误
暗夜蝶梦
11-08 535
“%_prog%” “–max-http-header-size=1000000” “%dp0%…@vue\cli-service\bin\vue-cli-service.js”%*
PyCharm出现Error loading package list:Request failed with status code 403怎么解决
01-20
今天我在做东西出现了Error loading package list:Request failed with status code 403这个问题。 解决方法 ： 1.点击settings,然后点击下图中Project Interpreter 2.点击右边加号 ，点击Manage Repositories，将源...
vue-element-admin请求接口时报错：431 Request Header Fields Too Large
把项目开发中遇到的问题记录下来
01-02 1486
vue-element-admin请求接口时报错：431 Request Header Fields Too Large
vue项目中使用axios 请求，报431错误（Request Header Fields Too Large）错误
bug收集
04-01 9476
背景：在vue项目过程中，后台将权限数据一起放在token 中，导致token 过大，后台将请求头部的最大值设置为40M , 在axios请求过程中，报：431（Request Header Fields Too Large）错误原因：虽然，后台已经设置了请求头部的最大值。但是，我们在用vue-cli 脚手架开发过程中，是使用脚手架自带的服务，去启动的项目，所以，需要给脚手架启的服务，设置请求头部的最大值。注：打包后，页面为静态页面，需要在运行此页面的服务器上，重新设置请求头部的最大值。解决方案：参考：ht
Request Header Fields Too Large或者返回码431解决不了看这里
weixin_44205759的博客
04-18 919
如果是运维请联系后端服务的相应研发。在某业务中，调用kong网关访问某服务时，因带的token比较长，抛出了Request Header Fields Too Large，返回码431。
HTTP ERROR 431完美解决
热门推荐
qq_43040108的博客
04-04 3万+
这个错误码感觉挺神奇的，很少有听过这个错误。记录下几个排查的步骤。 简单介绍下这个错误的说明： Request Header Fields Too Large (请求头字段太大) 某些情况下，客户端发送 HTTP 请求头会变得很大，那么服务器可发送 431 Request Header Fields Too Large 来指明该问题。 正文 先来说一下我解决的方案： 域名问题： 修改前端vue.config.js proxy: { target : `http://127.0.0.1:8080` } 域
vue中发请求报错431 Request Header Fields Too Large
小学生波波
05-17 2333
431请求头长度过大问题解决
431 Request Header Fields Too Large
北回归线的博客
04-13 1793
记录一下：写代码循环发起 http 的 get 请求，但是几次之后就报了 “431 Request Header Fields Too Large”，开始去网上查，都是说请求的头参数过大（这个也是一个情景，只不过不是我的），但是我的请求头参数只有三个，并不算大，后来打断点去查看，发现循环发起请求的时候，把请求地址拼接的到上一次请求的地址上去了，越循环请求的地址越长，导致报了这个错 ...
解决 get请求出现431状态码
qq_44859233的博客
04-03 5379
这是由于get请求头过长导致的 腾讯云解释（里面有很多奇怪的状态码解释）： https://cloud.tencent.com/developer/section/1190190 HTTP 431 Request Header Fields Too Large响应状态码指示服务器不愿意处理请求，因为它的头部字段太大。请求可以在减少请求头域的大小后重新提交。 它可以在请求头字段的总数太大或单个头字段太大时使用。 这个错误不应该发生在经过良好测试的生产系统上，但在测试新系统时可以更频繁地发现。 这是怎么导致的.
服务器返回431 Request Header Fields Too Large解决方法
lordor的专栏
04-21 6649
访问服务器，出现这个问题 431 Request Header Fields Too Large 解决：清空浏览器的cookie缓存重新加载。 或者在nginx的HTTP模块中，修改 client_header_buffer_size 10240k; large_client_header_buffers 6 10240k;
vue3发请求报错431 Request Header Fields Too Large
fsdfyjdx的博客
03-30 652
最近vue3+vite项目中，前端需要将base64字符串放到请求头中传给后台，但前端控制台报错，报：431 Request Header Fields Too Large。找到前端项目中【node_modules】文件夹，里面的【bin】文件夹中的文件【vite.cmd】，在最后一行中间位置，加上下面内容。查了很久，需要改前端代码，配置一下就完美解决报错问题。后端配合改nginx中添加配置。就是请求头字段长度太长了。重启后，报错依旧没有解决。然后就可以正常运行了。
vue3 axios status code: 431 request header fields too large
05-01
Vue3是目前较为流行的JavaScript框架之一，在使用其内置的HTTP库axios进行网络请求时，可能会遇到状态码为431的错误提示：request header fields too large。这是由于浏览器或服务器限制了请求头大小而导致的错误。 解决方法一般有以下几种： 1. 修改请求头大小限制：比如在Nginx配置文件中添加`large_client_header_buffers 4 16k`这样的指令即可。但需要注意修改后，部分服务器可能出现性能损失。 2. 减少请求头信息：可以去掉一些请求头信息，减少请求头的大小。比如可以去掉一些不必要的自定义请求头，只保留必需的头部信息。 3. 拆分请求：将请求拆分成多个小的请求来发送，以减少单个请求头的大小。 总之，要解决这个错误，就需要了解错误的原因，再根据具体情况选择相应的解决方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值