JavaScript Axios是什么_它有什么特点?

admin 百科 12
Axios 是基于 Promise 的 HTTP 客户端,支持浏览器与 Node.js,内置拦截器、自动 JSON 处理、XSRF 防护、请求取消、超时控制及 TypeScript 类型推导,简化异步请求开发。

JavaScript Axios是什么_它有什么特点?-第1张图片-佛山资讯网

Axios 是一个基于 Promise 的 HTTP 客户端,专为浏览器和 Node.js 环境设计,用于发送异步请求。它不是浏览器原生 API(不像 fetchXMLHttpRequest),而是需要安装引入的第三方库,但因其功能完备、使用统一,已成为 Vue、React 项目中事实上的请求标准。

支持 Promise 和 async/await

所有 Axios 方法都返回 Promise,天然适配现代 JavaScript 异步写法。你可以用 .then().catch(),也可以直接 await,避免回调嵌套,逻辑更清晰。

  • const res = await axios.get('/api/user') —— 直接拿到响应对象
  • res.data 就是解析好的 JSON 数据,不用手动 response.json()
  • 错误统一走 catchtry/catch,不需额外判断 response.ok

请求与响应拦截器

可以在请求发出前或响应到达后插入自定义逻辑,比如统一加 token、处理登录过期、添加 loading 状态、格式化错误提示等。

  • 请求拦截器:自动注入 Authorization 头、添加时间戳、序列化参数
  • 响应拦截器:统一检查 res.data.code === 401 跳转登录页,或对 500 错误做上报
  • 2025 版本支持链式 + 优先级控制(.use(..., { priority: 2 })),执行顺序更可控

开箱即用的安全与便利特性

很多要自己封装的功能,Axios 已经内置:

标签: vue react javascript java js node.js json node typescript co

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~