在 Axios 0.27.0 版本之前,如果你在 GET
请求中包含 data
属性,Axios 会将这些数据作为查询字符串附加到 URL 上。然而,从 0.27.0 版本开始,Axios 引入了一些变化,特别是关于 GET
请求和 data
属性的处理。
在 Axios 0.27.0 及更高版本中,如果你尝试在 GET
请求中使用 data
属性,并且没有指定 paramsSerializer
,Axios 会尝试使用 toFormData
函数来序列化 data
对象。toFormData
是一个新引入的辅助函数,用于将 JavaScript 对象转换为 FormData
对象。但是,FormData
通常用于 POST
请求,而不是 GET
请求,因此这可能导致错误或不期望的行为。
1. 确保 params
是一个字符串:如果你的 params
是一个对象,并且你想要将其作为查询字符串发送,你应该将其转换为查询字符串格式。
javascript
export const getFileList = (params) => { // 确保 params 是一个查询字符串
const queryString = new URLSearchParams(params).toString();
return axios({
method: 'get',
url: `${baseUrl}sys/oss/detail?${queryString}`
}).then(res => res.data)
}
2. 使用 params
属性而不是 data
:在 Axios 中,params
是专门用于 GET
请求的查询字符串的属性。
javascript
export const getFileList = (params) => {
return axios({
method: 'get',
url: `${baseUrl}sys/oss/detail`,
params: params // 使用 params 而不是 data
}).then(res => res.data)
}
3. 如果你确实需要发送 JSON 数据,并且你的服务器端支持 GET
请求的 JSON 数据,你可以将 params
转换为查询字符串,并在请求头中指定 Content-Type
。