vue项目中使用axios传递FormData格式参数

1、在请求头中配置

import Vue from 'vue'
import axios from 'axios'

// 创建axios实例
const service = axios.create({
    baseURL: process.env.VUE_APP_API_BASE_URL, // api base_url
    timeout: 20000, // 请求超时时间,
    headers: {
        //关键
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    }
})

2、配合qs使用

import { axios } from '@/utils/request'
import qs from 'qs'  //不需要npm安装，axios安装后自带
// 账户资料——信息查询
export function userInfo(parameter) {
    return axios({
        url: 'sys-user-info/userInfo',
        method: 'post',
        data: qs.stringify(parameter)
    })
}

使用 application/x-www-form-urlencoded format 使用这种请求头 发送法数据就是 FromData格式
默认情况下，axios将JavaScript对象序列化为JSON。 要以application / x-www-form-urlencoded格式发送数据，需要引入的qs模块