前后端分离在vue中实现下载与上传文件

									**vue中下载excel功能**

下载

前后端分离项目一般是通过输入输出流来进行文件传输的，也就是利用文件流来实现端到端的文件下载功能。
因为有的文件可能含有中文，因此在文件传输过程中会涉及到编码问题。后台的代码需要将输出流的编码格式设置为UTF-8。

我个人的解决方法：
情况一：前端如果不需要携带token的话，直接使用a标签，写在href中就好。

情况二：我遇到的是后端需要我携带token，在我把axios二次封装后，每次调接口都会携带token，所以换了一种方法。

使用Blob导出，**responseType:‘blob’**是为了防止下载的文件出现乱码，为了以防万一多加了一个charset=utf-8’，请别见笑。

上传

html代码

js代码