qs.stringify 接口里把入参转为＆连接的字符串（配合application/x-www-form-urlencoded请求头）

基础格式

import request from '@/utils/request';//主要对请求做一些统一的封装处理，使用的axios
import qs from 'qs';

export function xxxapi(data) {
    
    return request({
    
        url: 'xxx/xxx/xxx',
        headers: {
     'content-type': 'application/x-www-form-urlencoded' },
        method: 'post',
        data: qs.stringify(data)
    })
}

网络显示

请求头和响应头的格式

提交载荷

请求载荷以表单的形式进行了提交，以&连接的字符串

经过浏览器编译格式化后：

接口返回json格式

入参含有复杂数据类型，注意Json转成字符串，否则报错

当qs.stringify遇见了复杂数据类型，如数组套对象：

{
    
	aaa:[{
    
		name:'test',
		age:20
	}]
}

在请求中显示为：


此时接口会报错（500），因为提交表单的接口本该接收变量aaa，但经过处理后变成了aaa[0][name]，无法正确匹配到接口。所以遇到复杂数据类型，要先通过JSON.stringify()转成字符串。

其他

如果只用application/x-www-form-urlencoded 不用qs.stringify处理data则入参格式如下：

以application/json格式请求

详述 application/json 和 application/x-www-form-urlencoded 区别