Vue 前端下载 word 和 后端返回 数据流下载word

标签：pen   post   zip   method   安装   数据   imp   重点   vue   

前不久做了一个下载数据导出word的功能.

刚开始也是迷了,...........好吧,言归正传.

先说后端反数据流的操作

1 后端要的是form的格式,所以在请求的时候转换一下格式 .

　　请求的时候

　　return axios({

　　　　url:"xxxxxxxxxx你的地址",

　　　　method:‘post‘,

　　　　data:obj,

　　　   responseType:‘blob‘,  ////----------重点 重点重点 是blob

　　　　headers:{‘ Content-Type‘: ‘application/x-www-form-urlencoded ‘} /////--------------------规定发送的格式--

　　})

　　前端接受的时候　　

　　　　-- 安装 docxtemplater     
　　　　cnpm install docxtemplater pizzip  --save

　　　　-- 安装 jszip-utils
　　　　cnpm install jszip-utils --save 

　　　　-- 安装 jszip
　　　　cnpm install jszip --save

　　　　-- 安装 FileSaver
　　　　cnpm install file-saver --save

　　　　import docxtemplater from ‘docxtemplater‘
    　　import PizZip from ‘pizzip‘
    　　import JSZipUtils from ‘jszip-utils‘
    　　import {saveAs} from ‘file-saver‘

Vue 前端下载 word 和 后端返回 数据流下载word

标签：pen   post   zip   method   安装   数据   imp   重点   vue   

原文地址：https://www.cnblogs.com/heibin/p/12919005.html