axios ajax 数组传参的坑

axios ajax 数组传参的坑，可能以后的项目还会遇到以下这种情况，仅此积累。 swagger 测试，接口可以正常接收参数。 项目里传参：接口无法接收数据。 java 接口参数。

axios 需要参数序列化 paramsSerializer 当然，还得 import qs from qs’ request 是 封装好的 axios ajax 需要添加 traditional:true axios 代码

import axios from axios
import {
  MessageBox,
  Message
} from element-ui
import store from @/store
import {
  getToken
} from @/utils/auth

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})
// request interceptor
// 请求拦截器
service.interceptors.request.use(
  config => {
    // do something before request is sent
    config.headers = {
      Content-Type: application/json
    }
    if (store.getters.token) {
      // let each request carry token --[X-Token] as a custom key.每个请求都携带一个X-Token
      // please modify it according to the actual situation.根据业务实际情况修改
      config.headers[JSESSIONID] = getToken()
    }
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

// response interceptor
// 响应拦截器
service.interceptors.response.use(
  /**
   * If you want to get information such as headers or status
   * Please return  response => response
   * 如果要获取信息，如头部或状态
   * 请返回 response => response
   */

  /**
   * 您还可以通过HTTP状态代码判断状态
   */
  response => {
    const res = response.data
    return res
  },
  error => {
    console.log(axios err + error) // for debug
    Message({
      message: error.message,
      type: error,
      duration: 5 * 1000
    })
    return Promise.reject(error)
  }
)

export default service