axios

现象

当401的时候

但是之前401的时候，error.response.status是401

ps: 前提是使用了axios

解释

后来用过多次之后发现，只有在跨域被拒绝的时候才会出现error.response为undefined的情况，如果跨域没有被拒绝或者没有跨域，则401的时候error.response有值。

How to send get request with multiple same param

import qs from 'qs'

export const paramsSerializer = params => {
  // How to send get request with multiple same param?
  // https://github.com/axios/axios/issues/709
  // '?foo[]=1&foo[]=2' => '?foo=1&foo=2'
  const indices = false
  // Bad  : {foo:null,bar:''} => '?foo=&bar='
  // Good : {foo:null,bar:''} => '?bar='
  const skipNulls = true
  return qs.stringify(params, { indices, skipNulls })
}

export const getDogs = params =>
  Api.get('/dogs', { params, paramsSerializer })

interceptors

Api.interceptors.response.use(
  response => {
    return response.data
  },
  error => {
    // Follow this to design the error processing
    // https://gist.github.com/fgilio/230ccd514e9381fafa51608fcf137253
    // https://github.com/axios/axios#handling-errors

    // Error 😨
    if (error.response) {
      /*
       * The request was made and the server responded with a
       * status code that falls out of the range of 2xx
       */
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    } else if (error.request) {
      /*
       * The request was made but no response was received, `error.request`
       * is an instance of XMLHttpRequest in the browser and an instance
       * of http.ClientRequest in Node.js
       */
      console.log(error.request);
    } else {
      // Something happened in setting up the request and triggered an Error
      console.log('Error', error.message);
    }

    return Promise.reject(err)
  }
)