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

2021-12-23 15:04:10 +08:00
 play78

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

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

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/824009

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX