网络请求 Axios 学习小结
2024-10-29 21:45:43 6 举报AI智能生成
111
作者其他创作
大纲/内容
Axios拦截器
请求拦截器：添加token或身份认证
响应拦截器：统一处理错误信息和数据转换
拦截器的使用场景及代码示例
基本用法
发起GET、POST、PUT、DELETE请求
处理请求的响应与错误
请求参数传递（queryparams与bodydata）
错误处理与请求取消
HTTP状态码、错误提示
请求取消与AxiosCancelToken的使用
请求超时处理
与vue3组件的结合
在vue3中使用axios发送请求
将axios封装为vue组件内的可复用模块
使用Composition api管理异步请求
axios
axios的定义和作用
Axios 是一个基于 Promise 的 HTTP 客户端，专
为在浏览器和 Node.js 环境中发送请求而设计。
它通过简化 HTTP 请求流程，帮助开发者轻松地
与服务器进行数据交互。作为 RESTful API 的常
用工具，Axios 主要用于前端和后端的数据传
输，例如从服务器获取数据 (GET 请求) 或将数
据提交到服务器 (POST 请求)
为在浏览器和 Node.js 环境中发送请求而设计。
它通过简化 HTTP 请求流程，帮助开发者轻松地
与服务器进行数据交互。作为 RESTful API 的常
用工具，Axios 主要用于前端和后端的数据传
输，例如从服务器获取数据 (GET 请求) 或将数
据提交到服务器 (POST 请求)
promise
Pending:待定
Fulfilled：已解决
Projected：已拒绝
作用
数据请求
数据提交
跨域请求
更好的错误处理
axios的核心特性
基于promise
请求和响应拦截器
自动转接json数据
支持请求取消
支持超时配置
内置csrf防护
并发请求
文件的上传和下载
使用axios的常见场景
Axios实例
创建和配置Axios实例
模块化和复用的优势
模块化
复用性
维护性
拦截器
实例的配置与使用示例
基本使用
使用Axios封装API服务
封装API请求模块，提高代码可维护性
模块化API请求的方式
在Pinia中使用封装后的 API
收藏
0 条评论
下一页
