axios用法及axios拦截器全局配置

最新推荐文章于 2024-08-04 21:45:12 发布

柿子*

最新推荐文章于 2024-08-04 21:45:12 发布

阅读量744

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/m0_48317876/article/details/115530080

版权

本文介绍了axios的基本用法，包括get、delete、post、put请求的参数传递方式。重点讲解了axios的拦截器，定义了请求拦截器和响应拦截器的作用，并提供了编写拦截器的实例。此外，还探讨了axios的常用全局配置选项。

摘要由CSDN通过智能技术生成

axios

1.基于Promise用于浏览器和node.js的http客户端
2.支持浏览器和node.js
3.支持promise
4.能拦截请求和响应
5.自动转换JSON数据
6.能转换请求和响应数据

axios基本用法

get和delete请求传递参数

通过传统的url以?的形式传递参数
restful形式传递参数
通过params形式传递参数
post和put请求传递参数
通过选项传递参数
通过URLSearchParams传递参数

 // 1. 发送get 请求 
	axios.get('http://localhost:3000/adata').then(function(ret){
    
// 拿到 ret 是一个对象      所有的对象都存在 ret 的data 属性里面
      // 注意data属性是固定的用法，用于获取后台的实际数据
      // console.log(ret.data)
      console.log(ret)
    })


	// 2.  get 请求传递参数
    // 2.1  通过传统的url  以 ? 的形式传递参数
	axios.get('http://localhost:3000/axios?id=123').then(function(ret){
   
      console.log(ret.data)
    })
    //2.2  restful 形式传递参数 
    axios.get('http://localhost:3000/axios/123').then(function