配置 axios（application/x-www-form-urlencoded）参数无法传递

踩坑， 配置axios 无法传递data数据

今天遇到这样一种情况 在我配置axios的时候，因为Content-type请求方式是表单形式的请求方式，然后导致了，参数明明已经显示在请求中，却无法显示？

记录一下
这是因为 axios默认Content-type是采用application/json;charset=UTF-8，如果我们需要采用表单上传的方式（application/x-www-form-urlencoded）来给后台传递数据的话，则需要引入qs库

qs库在我们 安装 axios的时候就已经给我们默认安装了 这个时候 我们需要将参数转换一下

import qs from 'qs'
// 传递数据时，只需要将封装的请求方法中的data数据转化一下即可
const post = (url, data) => {
  return service({
    url: url,
    method: 'post',
    headers: { 'Content-type': 'application/x-www-form-urlencoded' },
    // qs 库转换。
    data: qs.stringify(data)
  })
}

问题解决啦。