vue+element+admin模板通过接口下载文件功能

工作上的需求，需要在后台模板加上一个按钮，点击他触发接口，触发下载文件的功能。

由于第一次尝试这个模板写后台管理系统，所以引发了一些莫名其妙的问题。

所以在此解决，并记录，并给大家做参考

后台只给了一个接口，和需要传输过去的数据，并告知是一个get请求

我们通过axios来对接口发起请求

首先我们通过全局引入axios，在main.js文件中输入以下代码

import axios from 'axios'

Vue.prototype.$axios = axios

这样我们后面在发送axios相关的请求时，只需要在页面中输入this.$axios即可

随后我们在页面中对接口进行请求

以下时html中按钮的代码

<el-button type="success" class="el-btn" @click="btnExport">导出</el-button>

以下是js中对接口进行请求的代码

this.$axios({
	url:'/api/v1/ImPortJieAnShenCha',
	method:'get',
	params:obj,
	headers:{
		'X-Requested-With':'XMLHttpRequest',
		'Authorization' : 'Bearer ' + localSt