vue項目中 axios 的 post 請求使用 formdata 傳參

最近作的項目，後端用的 formData 接收參數。
因爲之前一直用的 payload 傳參，這塊還真沒怎麼研究過。因而萬變不離其宗，看文檔咯。
方法很直接，人狠話很少：
進入 https://github.com/axios/axios 直接搜索 formData

看到以下：

因此說，直接修改全局配置，增長 transformRequest 配置處理就能夠咯：

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！只能再次說明：文檔很重要！

本質上說， formData 和 payload 的區別就是：前者是字符串，後者是一個 json 對象，因此在請求以前把參數用 Qs 模塊轉變成字符串就能夠咯