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

浏览器前端 Vue 请求时, Stalled 时间过长问题

  •  
  •   play78 · 2021-12-23 15:04:10 +08:00 · 2030 次点击
    这是一个创建于 1050 天前的主题,其中的信息可能已经有所发展或是发生改变。

    各位大佬,有人遇到前端请求后端 api 时,请求时间过程情况。 属于概率性,而且概率比较大。可以确认前后端代码没有问题。 就只在第一次页面刷新的时候出现。后面通过点击按钮请求 api 不会出现。

    image.png

    https://s2.loli.net/2021/12/23/R3NYxPkyfWML7dq.png

    第 1 条附言  ·  2021-12-23 16:13:41 +08:00
    服务器在外网。后端用 nginx 代理。
    1. 我用 postman 测试服务器,没有问题。
    2. 用 360 浏览器访问也没有复现。chrome 会。
    3. Vue 前端本地开发代理到服务器也没有问题。

    查了一些资料,好像是因为缓存的问题,触发浏览器缓存读写锁导致的。可能需要在 nginx 配置一下。
    第 2 条附言  ·  2021-12-23 18:51:21 +08:00
    目前看,把 js.map 文件删除了就可以了。
    谢谢楼下大佬,结贴,给后面来的人,做参考。
    20 条回复    2021-12-23 20:06:21 +08:00
    shintendo
        1
    shintendo  
       2021-12-23 15:23:30 +08:00
    可以确认前后端代码有问题。
    LancerComet
        2
    LancerComet  
       2021-12-23 15:34:17 +08:00
    一般是网络问题(也有可能是服务器配置问题),浏览器第一次加载的时候如果在反复重试建立链接就会把 Stalled 拖长,一旦建立成功就好了,包括后面的点击按钮的 API 请求都会正常,可以用 TCP 抓包工具看一下
    Huyoumnonos
        3
    Huyoumnonos  
       2021-12-23 15:37:39 +08:00 via Android
    服务器的问题吧?
    releaseme
        4
    releaseme  
       2021-12-23 15:37:59 +08:00
    不太懂这跟 Vue 有啥关系
    shadowyue
        5
    shadowyue  
       2021-12-23 16:19:09 +08:00
    提此类问题能不能不要带上 Vue ,这和 Vue 有啥关系,你咋不直接问我用 js 发请求怎么 Stalled 时间太长呢?
    清晰准确的理解和描述你遇到的前端问题,这里的前端开发人员才可能准确高效的协助你解决问题。
    mxT52CRuqR6o5
        6
    mxT52CRuqR6o5  
       2021-12-23 16:38:31 +08:00
    浏览器并发限制了吧
    play78
        7
    play78  
    OP
       2021-12-23 17:17:08 +08:00
    @shadowyue 你这话真搞笑,为什么不能带上 Vue 。我如果能知道哪里有问题,我还需要在这里问。
    Vue 也不能提,chrome 也不能提,Linux 也不能提,Nginx 也不能提。那我要怎么问。真是滑稽。
    你这个回复才是浪费时间。
    shadowyue
        8
    shadowyue  
       2021-12-23 17:39:02 +08:00
    @play78 因为 Vue 跟网络请求毫无关系啊, Vue 又没有带网络请求的功能。你要不是前端开发不了解这个事情,那确实这样提问也没办法。如果是前端开发,那这个问法问题就很大。
    shadowfish0
        9
    shadowfish0  
       2021-12-23 17:47:47 +08:00 via Android
    @shadowyue 其实我觉得问题不是很大,vue 请求就可以等同于 js 请求吧,问问题的时候多给点信息也不能说人家错吧
    InternetExplorer
        10
    InternetExplorer  
       2021-12-23 17:50:08 +08:00
    并发连接数太大了吧,换 http2 可解
    IvanLi127
        11
    IvanLi127  
       2021-12-23 17:50:12 +08:00
    是 API 慢吗?在 nginx 上看看响应耗时?
    march1993
        12
    march1993  
       2021-12-23 17:53:51 +08:00   ❤️ 1
    把你的.js.map 删了
    yamedie
        13
    yamedie  
       2021-12-23 17:55:49 +08:00
    get 请求吗? 加时间戳参数来避免缓存吧 ?t=xxxxxxxxx
    shadowyue
        14
    shadowyue  
       2021-12-23 17:57:42 +08:00
    @shadowfish0 隔三差五就能看到个帖子说,我用 vue 怎么怎么了,出了啥问题。点进去看 8 成和 vue 一毛钱关系都没有。确实这样问也不是啥事,我只是觉得这样不合适,可以有更好的描述问题的方法。
    kekxv
        15
    kekxv  
       2021-12-23 18:08:53 +08:00 via iPhone
    升级 node 或者降级试试
    play78
        16
    play78  
    OP
       2021-12-23 18:49:58 +08:00
    @march1993 大佬,给跪了。目前看好像真的是这个问题。谢谢哈。把 map 删除了,好像就没有问题了。
    @shadowyue 目前看,还真的有可能是我用 vue 的方式不对导致的问题。
    shadowyue
        17
    shadowyue  
       2021-12-23 19:44:15 +08:00
    @play78 这是什么原理,我不理解
    forgcode
        18
    forgcode  
       2021-12-23 19:55:13 +08:00
    这个问题是调试的时候才出现吗,source map 是在打开开发者工具才请求的吧?
    play78
        19
    play78  
    OP
       2021-12-23 20:03:48 +08:00
    @forgcode 你一说,好像确实是。以前没注意,今天查线上问题,突然出现,各种阴差阳错造成的事故现场。感觉应该挺常见的事故现场,搜索了一圈都没有资料。还是自己知识储备不行啊。
    TomatoYuyuko
        20
    TomatoYuyuko  
       2021-12-23 20:06:21 +08:00
    @play78 准确的说 source map 是 webpack 配置的,和 vue 还真的是没啥直接关系的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4991 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 03:53 · PVG 11:53 · LAX 19:53 · JFK 22:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.