【问题记录】axios修改请求数据格式

默认请求数据的格式是这样的:

【问题记录】axios修改请求数据格式_第1张图片【问题记录】axios修改请求数据格式_第2张图片

修改请求头信息

headers: {  'Content-Type': 'application/x-www-form-urlencoded'  }

【问题记录】axios修改请求数据格式_第3张图片【问题记录】axios修改请求数据格式_第4张图片

修改请求数据

// 修改请求数据
        transformRequest: [function (data, headers) {
            let ret = ''
            for (let it in data) {
                // 去除空字符串的请求字段
                if (data[it] !== '') {
                    if (ret !== '') ret += '&'
                    ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it])
                }
            }
            return ret
        }],

【问题记录】axios修改请求数据格式_第5张图片【问题记录】axios修改请求数据格式_第6张图片

关于axios的具体代码配置如下:

const initFetch = (baseUrl, router) => {
    const instance = axios.create({
        // 设置超时时间 -30秒
        timeout: 30000,
        // 请求的baseUrl
        baseURL: baseUrl,
        // 请求头部信息
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        // 修改请求数据
        transformRequest: [function (data, headers) {
            let ret = ''
            for (let it in data) {
                // 去除空字符串的请求字段
                if (data[it] !== '') {
                    if (ret !== '') ret += '&'
                    ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it])
                }
            }
            return ret
        }],
        // 跨域请求时允许携带凭证(cookie)
        withCredentials: true
    })

 

你可能感兴趣的:(HTTP,/,Axios,VueJs,开发笔记,axios,http请求)