axios 四种请求传参方式

最新推荐文章于 2024-07-31 16:03:05 发布

胖就是胖

最新推荐文章于 2024-07-31 16:03:05 发布

阅读量3.3k

点赞数 6

分类专栏： axios 文章标签： javascript

本文链接：https://blog.csdn.net/xieyuleisss/article/details/108163478

版权

本文介绍了axios的请求拦截器和全局配置，详细讲解了get、delete、post和put请求的参数传递方式，包括通过url、params、options和URLSearchParams等不同形式。

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

axios 拦截器

请求拦截器
- 请求拦截器的作用是在请求发送前进行一些操作
  - 例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易
响应拦截器
- 响应拦截器的作用是在接收到响应后进行一些操作
  - 例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页

	# 1. 请求拦截器 
	axios.interceptors.request.use(function(config) {
   
      console.log(config.url)
      # 1.1  任何请求都会经过这一步   在发送请求之前做些什么   
      config.headers.mytoken = 'nihao';
      # 1.2  这里一定要return   否则配置不成功  
      return config;
    }, function(err){
   
       #1.3 对请求错误做点什么    
      console.log(err)
    })
	#2. 响应拦截器 
    axios.interceptors.response.use(function(res) {
   
      #2.1  在接收响应做些什么  
      var data = res.data;
      return data;
    }, function(err