前后端分离，导出数据为文件或下载文件，前端如何处理后端返回的数据

　　在前后端分离的项目中涉及跨域问题，通常都会使用token进行验证。

　　最近在前后端分离的项目中在一个问题上搞了很久，就是以前下载附件或者导出数据为文件的时候，在以前的那些项目前端可以直接用 window.location.href='后端url'，window.open(url)或者其他的方式，但是在前后端分离中这种方式不能把token也一起传到后端进行请求，导致权限不够访问不了后端。

　　最后在多方面的尝试下，也和同事一起讨论，最后这么解决（直接附代码）：

 /**
     * 导出用户列表
     */
    private exportUsers(){
        this.http.doPost({
            url: 'system/sysmanager/user/exportUsers', 
            responseType:ResponseContentType.Blob,  
            body:this.form,  //传入后端的表单数据
            success: (req, res) => {
                var blob = new Blob([res.json()]); //创建一个blob对象
                var a = document.createElement('a'); //创建一个<a></a>标签
                a.href = URL.createObjectURL(blob); // response is a blob
                a.download = "用户列表.xlsx";  //文件名称
                a.style.display = 'none';
                document.body.appendChild(a);
                a.click();
                a.remove();
            }
        });
   }

开始以为后端代码需要更改，其实后端代码不需要更改，输出的是输出流、或者字节数组前端都可以进行转换。

这个博客有点简短，如果有什么意见或者问题欢迎大家指教。