diff --git a/src/axios/index.ts b/src/axios/index.ts index 94cbfc397..acdfc4c79 100644 --- a/src/axios/index.ts +++ b/src/axios/index.ts @@ -1,15 +1,21 @@ import service from './service' -import { CONTENT_TYPE } from '@/constants' +import { CONTENT_TYPE, TRANSFORM_REQUEST_DATA } from '@/constants' import { useUserStoreWithOut } from '@/store/modules/user' +import { objToFormData } from '@/utils' const request = (option: AxiosConfig) => { const { url, method, params, data, headers, responseType } = option + // 是否需要转换数据格式 + const transformData = + TRANSFORM_REQUEST_DATA && + (headers?.['Content-Type'] || CONTENT_TYPE) === 'multipart/form-data' && + data const userStore = useUserStoreWithOut() return service.request({ url: url, method, params, - data, + data: transformData ? objToFormData(data) : data, responseType: responseType, headers: { 'Content-Type': CONTENT_TYPE, diff --git a/src/constants/index.ts b/src/constants/index.ts index 4dc2db213..83ee4c65b 100644 --- a/src/constants/index.ts +++ b/src/constants/index.ts @@ -6,7 +6,11 @@ export const SUCCESS_CODE = 0 /** * 请求contentType */ -export const CONTENT_TYPE = 'application/json' +export const CONTENT_TYPE: + | 'application/json' + | 'multipart/form-data' + | 'application/x-www-form-urlencoded' + | 'text/plain' = 'multipart/form-data' /** * 请求超时时间 @@ -27,3 +31,8 @@ export const NO_RESET_WHITE_LIST = ['Redirect', 'Login', 'NoFind', 'Root'] * 表格默认过滤列设置字段 */ export const DEFAULT_FILTER_COLUMN = ['expand', 'selection'] + +/** + * 是否根据headers->content-type自动转换数据格式 + */ +export const TRANSFORM_REQUEST_DATA = true diff --git a/src/utils/index.ts b/src/utils/index.ts index 8ac4d9578..de1730557 100644 --- a/src/utils/index.ts +++ b/src/utils/index.ts @@ -124,3 +124,14 @@ export function toAnyString() { export function firstUpperCase(str: string) { return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase()) } + +/** + * 把对象转为formData + */ +export function objToFormData(obj: Recordable) { + const formData = new FormData() + Object.keys(obj).forEach((key) => { + formData.append(key, obj[key]) + }) + return formData +}