axios请求方法与拦截基本介绍

axios配置：

安装axios

npm install axios

const axios=require(‘axios’);

---

axios基本请求方法：

get方法

• 主要用于获取数据

第一种 ：axios.get('/url', {params: {.....}})   

第二种： axios({
                   methods: 'get',
                   url: 'url',
                   params: {
                        id:12
                   }
               })

需要注意的时params不可换成data

---

post方法

• 提交大量数据以及文件

方式一:  axios.post('/url',data,config)
  
方式二:  axios({
           methods: 'post',
           url: '/url',
           data: data,
           config: config
          })　

当需要把token放到请求头里就可以把config写成 heads：{token:token}

deletd方法

• 提交删除请求时
  下面是当需要把token换到请求头里时的代码

axios.delete('/url',{
        params: {
            courseId:courseId ,
            teacherId :teacherId ,
        },
        headers:{
            token:token
        }
    }).then(result=>{
        res.send(result.data)
    }).catch(err=>{
        console.log(err)
    })

其实在以上的各种请求方法中，url不需要带有协议端口域名，只需要加一句：axios.defaults.baseURL ='url'
其他方法不常见，也就不介绍了

axios的拦截器(简单引用)

我这次的使用场景时客户端发送请求到node端，node端再发送请求到服务器端，我配置的拦截器是在node端的

引入axios

const axios=reuqire('axios')

配置请求拦截

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

配置响应拦截

	axios.interceptors.response.use(function (response) {
	    // 100~299范围内的状态码都会触发该函数。
 	   // 对响应数据做点什么
 	   return response;
 	 }, function (error) {
   	 // 对响应错误做点什么
  	  return Promise.reject(error);
  });

解释：1.在任何路由写了拦截器并且使用该路由都会触发所有请求与响应 2 . 在请求拦截中，config是你发送的数据，包括headers,params，url等,例如打印config.url就会出现你调用的接口印的