axios 中get/post请求类型参数总结

get请求

get请求参数就是将参数拼接到url地址

import request from '@/api/request'
export const postPermission = function (query) {
    return request({
        url: baseUrl + '/uploader/busiPhysicalList',
        method: 'get',
        params: query
    })
}
// 调用
let query = {id:'11111',name:'lisi'}
postPermission(query).then(res=>{})
// 真实请求地址  http://127.0.01/api//uploader/busiPhysicalList?id=11111&name=lisi

post 请求

• 直接传递js对象，axios根据类型自动转化请求体为 requst-payload ,请求头 Content-Type:application/json

import request from '@/api/request'
export const postPermission = function (params) {
    return request({
        url: baseUrl + '/uploader/busiPhysicalList',
        method: 'post',
        data: params
    })
}
// 调用
let params = {id:'11111',name:'lisi'}
postPermission(params).then(res=>{})
// 真实请求地址  http://127.0.01/api//uploader/busiPhysicalList 
// Request Payload
{
  id:'11111',
  name:'lisi'
}

• 还有一种情况，可以设置请求头的content-type修改请求体参数类型

import request from '@/api/request'
export const postPermission = function (params) {
    return request({
        url: baseUrl + '/uploader/busiPhysicalList',
        header:{
          "Content-Type":"application/json"
        }
        method: 'post',
        data: params
    })
}

• 直接传递js对象 但是后台接受form-data 类型参数，前端需要使用qs转换 请求头Content-Type:application/x-www-form-urlencoded;charset=UTF-8

import request from '@/api/request'
import qs from 'qs'
export const postPermission = function (params) {
    return request({
        url: baseUrl + '/uploader/busiPhysicalList',
        method: 'post',
        data: qs.stringify(params)
    })
}
// 调用
let params = {id:'11111',name:'lisi'}
postPermission(params).then(res=>{})
// 真实请求地址  http://127.0.01/api//uploader/busiPhysicalList 
// Form Data
//  id:'11111'
//  name:'lisi

• files 文件上传content-type为 multipart/form-data

export const physicalUpload = function (params) {
    return request({
        url: baseUrl + `/uploader/physicalUpload`,
        method: 'post',
        data:params
    })
}
// 调用
let fileObj = this.pushFileList;
let fd = new FormData(); // FormData 对象
fd.append("file", fileObj.raw); // 文件对象
fd.append("mgrId", this.currentChildRow.id); // 参数
physicalUpload(fd).then((res) => {}）