vue项目中 axios 的 post 请求使用 formdata 传参

最近作的项目,后端用的 formData 接收参数。
因为之前一直用的 payload 传参,这块还真没怎么研究过。因而万变不离其宗,看文档咯。
方法很直接,人狠话很少:
进入 https://github.com/axios/axios 直接搜索 formDataios

看到以下:git

clipboard.png

因此说,直接修改全局配置,增长 transformRequest 配置处理就能够咯:github

import axios from 'axios'
import Qs from 'qs'

let http = axios.create({
  transformRequest: [function (data, headers) {
    // Do whatever you want to transform the data
    return Qs.stringify(data);
  }],
})

好了,是否是so easy!只能再次说明:文档很重要!json

本质上说, formDatapayload 的区别就是:前者是字符串,后者是一个 json 对象,因此在请求以前把参数用 Qs 模块转变成字符串就能够咯
相关文章
相关标签/搜索