vue实现zip文件下载

el-button按钮

<el-button size="mini" type="success" @click="downloadHandle(fileName, fileLocation)">下载</el-button>

js处理说明

request 拦截器 request.js

axios 引入并创建 axios 实例，request 拦截器添加

import axios from 'axios'


// 创建axios实例
const service = axios.create({
   
  baseURL: '',    // api的baseURL
  timeout: 20000, // 请求超时时间
  params: {
   
	// 请求参数
  }
});

// request拦截器
service.interceptors.request.use(config => {
   
  // .... config 添加处理
  ......
  
  return config
}

export default service

request 拦截器在请求前处理，可以添加 http headers 设置，例如：
1、HTTP Request Headers： token、cookie、session等值添加处理（config.headers[‘后台取值名称’] = ‘相关值’;）：
（1）config.headers[‘token’] = ‘token的值’;
（2）config.headers[‘cookie’] = ‘cookie的值’;
（3）config.headers[‘session’] = ‘session的值’;
2、Headers post设置：如 Content-Type
上传文件使用：config.headers.post[‘Content-Type’] = ‘multipart/form-data’;

zip文件下载

1、request.js 代码：

import axios from 'axios'


// 创建axios实例
const service = axios.create({
   
  baseURL: '',    // api的ba