在Vue中可以通过以下方法直接获取public目录下的Excel文件:

  1. 将Excel文件放置在public目录下。

  2. 使用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()
})
  1. 在上述代码中,我们使用了axios发送了一个GET请求,指定了Excel文件的路径,并将响应类型设置为blob。

  2. 当请求成功后,我们将响应数据转换成Blob对象,并使用URL.createObjectURL方法创建一个临时URL。

  3. 接下来创建一个a标签,设置其href属性为临时URL,download属性为Excel文件名,将其添加到页面中,并模拟点击链接进行下载。

注意:在Vue项目中,public目录下的文件可以直接通过相对路径访问。例如,如果你的Excel文件位于public/files目录下,可以通过以下方式获取:

axios({
  method: 'get',
  url: '/files/your_excel_file.xlsx',
  responseType: 'blob'
})
``
vue直接获取public下边的excel文件

原文地址: https://www.cveoy.top/t/topic/hchu 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录