axios的 请求方式

axios

axios的 请求方式

get()
post()
delete()
put()
patch()

1. get() 请求和 delete()请求 用法一样

axios.get(url, {
    params:{
        key:value
    },{
        // 配置项 config 
    }
}).then(res => {})

axios.delete(url, {
    params:{
        key:value
    },
    {
        // 配置项 config 
    }
}).then(res => {})

2. post() put() patch() 用法类似

axios.post(url, {key:value}, {config}).then(res => {})

3. axios的综合用法

axios({
    url:url,
    method:'',
    ...
}).then(res => {})

axios(url, {
    method:'',
    ...
}).then(res => {})

axios 拦截器

拦截器:

发送请求时进行拦截， 统一处理我们的请求（比如权限验证）

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    // 如果添加数据 
    config.params.key = value  // 通过params 添加数据
    config.data.key = value  // 通过data 添加数据
    config.headers.key = value  // 通过headers 添加数据

    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
// 主要针对请求失败的错误处理
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 对响应错误做点什么
    // error 是一个对象 通过  [error] 方式打印error可以查看error中的属性

    return Promise.reject(error);
  });