• 需求：Vue项目中，批量删除列表项，调用删除接口时，需要把列表项以一个list数组形式传递给后台。

目标参数格式如下：

一开始使用原生axios来进行网络请求调用，参数格式错误，后台报了500错误，错误参数如下：

解决步骤：

1. 封装一个request.js

import axios from 'axios'
// 创建axios实例
const service = axios.create({
  baseURL: '',
  timeout: 15000 // 请求超时时间
})
// request拦截器
service.interceptors.request.use(config => {
  return config
}, error => {
  Promise.reject(error)
})
// respone拦截器
service.interceptors.response.use(
  response => response,
  error => {
    return Promise.reject(error)
  })
export default service

2. 封装一个网络请求
   

3. 在页面中调用接口
   
   
   其中this.chooseList 为定义的空数组。