axios 怎么回去response 中的数据
时间: 2024-03-05 09:53:38 浏览: 10
在使用 axios 发送请求后,可以通过 response 对象获取响应数据。通常来说,响应数据会包含在 response.data 中,你可以使用以下代码获取响应数据:
```
axios.get('/api/data')
.then(function (response) {
console.log(response.data); // 响应数据
})
.catch(function (error) {
console.log(error);
});
```
如果你使用的是 async/await 语法,可以通过以下代码获取响应数据:
```
try {
const response = await axios.get('/api/data');
console.log(response.data); // 响应数据
} catch (error) {
console.log(error);
}
```
相关问题
axios封装 responsetype
responsetype是axios的一个属性,用于指定服务器返回数据的类型。具体来说,它支持五种类型的值,分别是"json"、"text"、"arraybuffer"、"blob"和"document",对应不同的响应类型。
1. "json"表示服务器返回的数据是JSON格式的字符串,并将其自动转换为JavaScript对象。这是axios的默认值,一般用于处理服务器返回的JSON数据。
2. "text"表示服务器返回的数据是纯文本格式的字符串,不会进行任何转换。这个类型常用于处理普通的文本响应。
3. "arraybuffer"表示服务器返回的数据是一个二进制数组,常用于处理二进制文件,比如图片、音视频等。在接收到这种响应后,我们可以使用ArrayBuffer对象来获取二进制数据。
4. "blob"表示服务器返回的数据是一个二进制大对象,类似于arraybuffer,常用于处理二进制文件。与arraybuffer不同的是,blob对象还可以直接作为URL的参数,用于下载文件。
5. "document"表示服务器返回的数据是一个HTML文档,可以直接在前端进行解析和操作。这种类型常用于处理HTML页面的请求。
通过设置responsetype属性,我们可以根据需要指定服务器返回数据的类型,从而更加灵活地处理不同类型的响应。例如,如果我们希望以文本格式获取服务器返回的数据,可以将responsetype设置为"text",然后通过response.data来获取文本数据。
vue axios 设置responseType
根据引用\[1\]和引用\[2\]的内容,如果你想在Vue中使用axios设置responseType,你可以尝试注释掉引入mockjs的代码,并在源码中的dist/mock.js文件的约8683行处添加一行代码this.custom.xhr.responseType = this.responseType。这样做可以解决mockjs拦截响应设置responseType无效的问题。
另外,根据引用\[3\]的内容,如果你在上传音频文件时遇到问题,浏览器可能会返回一串乱码字符串而不是Blob类型。你可以尝试在axios请求中添加responseType: "blob"来指定返回的数据类型为Blob文件流。如果这个方法仍然无效,你可以参考一位大佬的博客文章,他提供了关于vue axios设置responseType:'blob'无效的问题的解决方案。
#### 引用[.reference_title]
- *1* *3* [vue axios(获取文件流乱码)设置返回值类型responseType:‘blob‘无效](https://blog.csdn.net/sinat_36359516/article/details/119641566)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue axios(下载文件流)设置返回值类型responseType:'blob'无效的问题](https://blog.csdn.net/weixin_42142057/article/details/97655591)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)