蓝色之恋love的博客

针对antd design of vue 中的upload组件实现自定义上传使用这两个方法实现自定义上传showUploadList: 控制是否显示上传进度条beforeUpload： 上传的前置钩子 – 这里我用来做文件校验若是文件校验失败 return false 即可uploadFunc： 自定义实现文件上传，这里因为这个接口不仅仅做的是上传还有文件的解析，所以接口的速度很慢，因此这里采用了根据文件的大小去模拟进度若是接口仅仅只是为了上传可以采用下面的这种做法...

前端：使用jsencrypt对登陆密码进行加密 <script src="./js/jsencrypt.min.js"></script><script> const encrypt = new JSEncrypt() encrypt.setPublicKey('MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAv+jfoAowyCu+jvJ9lipe8wU5D+DLyoO58z2j+ydnhUnRDm6oEAWoOD

基于Axios 的封装配置Axios在项目目录下的untils（工具文件夹）新建Request.js,这里主要存放 axios 的配置及拦截器，最后导出一个axios对象在此之前我们需要提前将一些工具安装好，下面我使用了axios lodash // 安装依赖 npm install axios lodash --save配置axios import axios from 'axios' // 引入axios import _ from 'lodash' // 我们需要lodas

Axios.post(url, {/*传入的参数*/}, { responseType: 'blob'} /*设置返回值的类型，这里设置文件流blob的形式*/).then(res => { let blob = new Blob([res.data], { type: 'application/xlsx;charset=utf-8'/*application/xlsx // 这里写要下载的文件格式;charset=utf-8*/ });