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 文件名。
将 a 标签添加到页面并触发点击事件，实现下载操作。

注意：

在 Vue 项目中，public 目录下的文件可以直接通过相对路径访问。
以下示例演示如何获取位于 public/files 目录下的 Excel 文件：

axios({
  method: 'get',
  url: '/files/your_excel_file.xlsx',
  responseType: 'blob'
});

总结：

通过以上步骤，您可以在 Vue 项目中轻松获取 public 目录下的 Excel 文件内容，并使用 axios 或 fetch 等工具进行下载操作。