首页 > 编程知识 正文

VUE axios处理后台接收表格数据乱码问题,vue数据表格的展示处理

时间:2023-05-03 15:45:45 阅读:272291 作者:3319

VUE+axios处理后台接收表格数据乱码问题

后台返回的表格数据流类型

这是从后台接收的数据(未作处理)

这种乱码的出现是因为前端在接收请求的时候,并未设置相应的responseType,通常来说表格的数据流接收类型为‘blob’,可在一个大型项目中,server请求的方式通常是封装好的一个共用方法。直接在server里面创建相应的responseType属性的值为‘blob’,会影响其它页面的导出数据操作,而如下图所示,要访问server当中自定义的属性,是通过this.servers.defaults.属性名来进行的,当然也支持修改。

如此而来,在不影响整体功能的使用下,我们采用如下的方式来对responseType进行操作,从而可以在处理请求时,对特定的API指定responseType的值,就可以保证接收的数据流是可以处理的,同时也不影响其它功能的使用,因为此responseType属性在之前的构造函数中并未定义,所以它的默认值应为undefined。



这样得到的数据流就是一个对象了,然后通过如下代码
设置点击按钮后请求此接口,就可以直接调用浏览器下载相应的excel文件
这是个人在项目中遇到的问题所解决的办法,拙见欢迎斧正。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。