vue直接获取public下边的excel文件
在Vue中可以通过以下方法直接获取public目录下的Excel文件:
-
将Excel文件放置在public目录下。
-
使用axios或fetch等工具发送GET请求获取Excel文件,代码如下:
axios({
method: 'get',
url: '/your_excel_file.xlsx',
responseType: 'blob'
}).then(res => {
const url = window.URL.createObjectURL(new Blob([res.data]))
const link = document.createElement('a')
link.style.display = 'none'
link.href = url
link.setAttribute('download', 'your_excel_file.xlsx')
document.body.appendChild(link)
link.click()
})
-
在上述代码中,我们使用了axios发送了一个GET请求,指定了Excel文件的路径,并将响应类型设置为blob。
-
当请求成功后,我们将响应数据转换成Blob对象,并使用URL.createObjectURL方法创建一个临时URL。
-
接下来创建一个a标签,设置其href属性为临时URL,download属性为Excel文件名,将其添加到页面中,并模拟点击链接进行下载。
注意:在Vue项目中,public目录下的文件可以直接通过相对路径访问。例如,如果你的Excel文件位于public/files目录下,可以通过以下方式获取:
axios({
method: 'get',
url: '/files/your_excel_file.xlsx',
responseType: 'blob'
})
``
原文地址: https://www.cveoy.top/t/topic/hchu 著作权归作者所有。请勿转载和采集!