前端开发Vue 引用 axios 发送 form data 数据时格式错误

前端移动开发招聘要求
汽车之家招聘前端开发
网站前端开发 招聘要求

习惯了 $.ajax 的人改用 axios 时,总还是有些隐藏的细节容易忽视,比如 data 数据为表单元素时,
javascript 代码

// require.js
import axios from ‘axios’
export function post(url, data) {
    return axios({
        url: url,
        method: ‘post’,
        data,
        headers: { ‘Content-Type’: ‘application/x-www-form-urlencoded’ },
    })
}

单单传入 data ,发送请求时会报错 500

测试接口时并没有问题,因此很有可能是数据格式不对。
引入 qs 库,并作转换:
javascript 代码

// require.js
import axios from ‘axios’
import qs from ‘qs’
export function post(url, data) {
    return axios({
        url: url,
        method: ‘post’,
        data: qs.stringify(data),
        headers: { ‘Content-Type’: ‘application/x-www-form-urlencoded’ },
    })
}

即可

招聘学徒web前端开发
徐州web前端开发 招聘
甄汇信息 前端开发招聘
» 本文来自:前端开发者 » 《前端开发Vue 引用 axios 发送 form data 数据时格式错误》
» 本文链接地址:https://www.rokub.com/7813.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!