V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
xujihua
V2EX  ›  问与答

(HTTP/1.1) (axios) 长连接断开后, 报错 502

  •  
  •   xujihua · 2022-01-21 15:04:06 +08:00 · 919 次点击
    这是一个创建于 1035 天前的主题,其中的信息可能已经有所发展或是发生改变。

    版本信息:

    nginx:1.21.3 axios: ^0.18.0 vue-axios: ^2.1.2 wireshark: 3.4.3

    复现过程:

    前端使用 Axios (网络请求库),每隔 2 秒轮询一次"/order/notice" (nginx 代理该接口)。 nginx:keepalive_requests 设置为 30 (方便复现)

    现象描述:

    使用 wireshark 对一个长连接抓包 requests 请求数大于 30 后, nginx 向客户端提出断开,能看到正常的 4 次挥手, 浏览器会出现多次 502 的错误请求,(没有 response 内容) 然后接口请求才恢复正常, 或者刷新页面会恢复正常

    7RSwPf.png 7RSBRS.png 7RSgZn.png

    疑问

    是因为 axios 用了已经关闭的连接么? 如果是的话前端请求代码应该做什么设置呢? 备注一下 我是后端程序员对 axios 不熟悉, 搜索相关关键字没找到答案

    2 条回复    2022-01-24 15:35:46 +08:00
    coolan
        1
    coolan  
       2022-01-21 16:54:16 +08:00
    我也不熟,不过 google 了一下: https://github.com/ssttm169/use-axios-well 使用超时处理。
    xujihua
        2
    xujihua  
    OP
       2022-01-24 15:35:46 +08:00
    @coolan 找到原因了, 跟前端没关系。 是因为服务器上开了 tcp_tw_recycle=1

    我们访问是在一个 nat 里访问的 ( tcp_tw_recycle
    大概意思是说 TCP 有一种行为,可以缓存每个连接最新的时间戳,后续请求中如果时间戳小于缓存的时间戳,即视为无效,相应的数据包会被丢弃。意思就是同一个源 IP 来连接同一个目的端口的数据包时间戳必须是递增的)
    https://www.cnblogs.com/nmap/p/6435057.html
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3436 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 05:03 · PVG 13:03 · LAX 21:03 · JFK 00:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.