在使用 Axios 时,你可以通过设置 responseType
选项来指定如何处理响应数据。Axios 提供了几种不同的 responseType
选项,每种选项都会影响响应数据的格式。
以下是这些选项及其示例:
1. responseType: 'json'
这是默认选项,表示将响应数据解析为 JSON 对象。如果响应不是 JSON 格式,Axios 会自动尝试转换。(现代的前后端分离接口一般来说是以json格式来交互)
示例:
axios.get('/api/data')
.then(response => {
console.log(response.data); // JSON 对象
})
.catch(error => {
console.error(error);
});
2. responseType: 'text'
此选项将响应数据处理为文本字符串。
示例:
axios.get('/api/text', {
responseType: 'text' })
.then(response => {
console.log(response.data); // 纯文本字符串
})
.catch(error => {
console.error(error);
});
3. responseType: 'blob'
此选项将响应数据处理为 Blob 对象,适用于文件下载或图像处理等场景。
示例:
axios.get('/api/file', {
responseType: 'blob' })
.then(response => {
const url = URL.createObjectURL(response.data);
const link = document.