当前位置: 首页 > ds >正文

Axios

1.Axios 是一个基于 Promise 的现代化 HTTP 客户端库,适用于浏览器和 Node.js 环境。

2.在axios里有几种基础请求方法,在网课学习里面我们使用基础请求方法与现在用的不大相同,在网课中我们一般用以下格式

​
axios({url: 'http://hmajax.itheima.net/api/login',method: 'POST',//选择请求方式data: {username,password}}).then(result => {alertFn(result.data.message, true)}).catch(error => {console.log(error);alertFn(error.response.data.message, false)})​

2.1GET 请求

这种书写方式使代码更加简便,而且目的更加明了,以后在写代码的时候我也会使用这种方法。而他书写参数的方法和之前的一样,方式一:URL 中直接拼接参数,方式二:通过 params 对象传递(推荐)。

axios.get('https://api.example.com/users').then(response => {console.log(response.data);}).catch(error => {console.error(error);});

2.2 POST 请求

axios.post('/user', {firstName: '张',lastName: '三',age: 30
})
.then(response => {console.log(response.data);
});

2.3 其他请求方法

// PUT 请求
axios.put('/user/123', {name: '李四'
});// DELETE 请求
axios.delete('/user/123');// PATCH 请求
axios.patch('/user/123', {name: '王五'
});// HEAD 请求
axios.head('/user');

3.请求拦截器

请求拦截器是 Axios 中一个强大的功能,允许你在请求发送到服务器之前对请求进行拦截和处理。

请求拦截器是在请求被发送之前执行的函数,可以用于:修改请求配置,添加认证信息,设置全局请求头,记录请求日志,验证请求参数

这段代码可以添加请求拦截器

axios.interceptors.request.use(config => {// 在发送请求前做些什么return config;},error => {// 对请求错误做些什么return Promise.reject(error);}
);

http://www.xdnf.cn/news/16083.html

相关文章:

  • Qt中的网络通信
  • javaSE(从0开始)day13
  • 通过TPLink路由器进行用户行为审计实战
  • 【图像处理基石】什么是相机的内外参数?
  • springcloud -- 微服务02
  • 关于 URL 中 “+“ 号变成空格的问题
  • 数据结构:找出字符串中重复的字符(Finding Duplicates in a String)——使用哈希表
  • HTTP性能优化实战技术详解(2025)
  • Linux进程核心机制:状态、优先级与上下文切换详解
  • Redis进阶--缓存
  • AQS 抽象队列同步器 资源竞争-排队等待
  • C++实战案例:从static成员到线程安全的单例模式
  • Django视图与路由系统
  • Elasticsearch、Solr 与 OpenSearch 搜索引擎方案对比分析及选型建议
  • 漏洞扫描 + 渗透测试:双轮驱动筑牢网络安全防线
  • 计算机发展史:个人计算机时代的多元融合与变革
  • cartographer内置评估工具使用流程:评估前端优化的误差
  • XSS学习总结
  • 【LeetCode数据结构】栈的应用——有效的括号问题详解
  • iOS 加固工具有哪些?快速发布团队的实战方案
  • Django Ninja
  • 【web 自动化】-6- 数据驱动DDT
  • AWS Certified Cloud Practitioner 认证考试 测试题与解析
  • CSS实现背景色下移10px
  • 自动化与安全 - 将 Terraform 集成到 CI/CD
  • rancher上使用rke在华为云多网卡的服务器上安装k8s集群问题处理了
  • 使用Trae简单编写一个登陆页面
  • 智能合约安全 - 重入攻击 - 常见漏洞(第一篇)
  • AUTOSAR进阶图解==>AUTOSAR_SWS_COMManager
  • 【JS逆向基础】数据库之MongoDB