VUE对axios封装（让其支持get与delete方式传递数组）

不封装时,传递数组效果

http://IP:端口/路径?ids[]=XXX&ids[]=XXX

封装时,传递数组效果

http://IP:端口/路径?ids=XXX&ids=XXX

引入qs

npm install qs

在封装axios的页面

//在 axios 请求拦截器里面
import qs from 'qs'
axios.interceptors.request.use(request => {

//关键代码---开始
  if (request.method === 'delete' || request.method === 'get') {
   request.paramsSerializer = function(params) {
     return qs.stringify(params, { arrayFormat: 'repeat' })
   }
  }
//关键代码---结束

  return request
},(error) =>{
  return Promise.reject(error);
})