vue 中使用axios 的delete方式提交数组

在使用axios的delete提交数组时，要注意，提交参数有区别于post

axios 各方法提交参数源码

注意看，delete 请求时只有两个参数，第二个是config，而post的第二个参数是data，所以不能用post提交的方式提交。
在看一下config

注意着里面的params 和data，这个是重点，就是要提交的参数

params 参数类型提交

params 提交 ：如果服务端将参数当做url 参数 接收，则格式为：{params: param}，这样发送的url将变为http:www.XXX.com?a=…&b=…
服务端：

前端：

这里要注意引入qs 将数值序列化

import qs from 'qs'

data参数类型提交

data参数类型提交：如果是服务端将参数当作Java对象来封装接收则 参数格式为：{data: param}
服务端：

 @DeleteMapping
 public JsonData delete(@RequestBody List<Long> idList) {
     return JsonData.returnSuccess(this.sysDeptService.removeByIds(idList));
 }

前端：

export function deleteDept(data) {
  return request({
    url: '/depts',
    method: 'delete',
    data: data,
  })
}

记录一下防止自己忘记