Vue3 + Axios 请求速度变慢：排查浏览器设置

在使用 Vue3 和 Axios 进行后端 API 调用时，有时会遇到请求速度显著下降的情况。本文分析一个案例：Vue3 + Axios 请求速度变慢四倍，而使用后端框架自带的测试工具却速度很快。 这表明问题并非源于后端代码或 API 本身。

问题关键在于客户端请求发起端。经排查，发现问题根源可能在于浏览器开发者工具的“网络”面板中意外开启了“节流”功能。

Springboot Vue Builder

从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。

下载

“节流”功能模拟各种网络状况（如低速网络、高延迟），帮助开发者测试应用在不同网络环境下的表现。 如果该功能意外开启且未关闭，则所有网络请求都会被人工限制速度，导致请求时间大幅延长，这与后端处理速度无关。

立即学习“前端免费学习笔记（深入）”；

解决方法：在浏览器开发者工具的“Network”面板中，检查并关闭“节流”功能。 这通常能快速解决 Vue3 + Axios 请求速度变慢的问题。