Vue.js 获取并解析 Public 目录下的 Excel 文件

在 Vue.js 中获取 Public 目录下的 Excel 文件，可以使用 axios 库进行文件的读取和解析。

首先，在 Vue 组件中引入 axios 库：

import axios from 'axios';

然后，在组件的 methods 中定义一个函数，用于读取 Excel 文件并将其解析成 JSON 格式：

readExcelFile() {
  axios({
    url: '/data.xlsx',
    method: 'get',
    responseType: 'blob'
  }).then(response => {
    const fileReader = new FileReader();
    fileReader.onload = (e) => {
      const data = e.target.result;
      const workbook = XLSX.read(data, {type: 'binary'});
      const worksheet = workbook.Sheets[workbook.SheetNames[0]];
      const jsonData = XLSX.utils.sheet_to_json(worksheet, {header: 1});
      // Do something with the JSON data
    };
    fileReader.readAsBinaryString(response.data);
  }).catch(error => {
    console.log(error);
  });
}

在上面的代码中，我们使用 axios 发送一个 GET 请求，获取 public 目录下的 data.xlsx 文件。设置 responseType 为 blob，表示响应内容为二进制数据。获取到响应后，我们使用 FileReader 对象将其读取成为二进制字符串，并使用 XLSX 库将其解析成为 JSON 格式的数据。

如果要对解析出来的 JSON 数据进行修改，可以在上面的代码中添加相应的处理逻辑。例如，可以将 JSON 数据存储到 Vue 组件的 data 属性中，然后在模板中渲染出来。修改数据后，再将其同步到 Excel 文件中。具体的实现逻辑需要根据具体的需求进行编写。