VUE向外暴露文件，并通过本地接口调用获取，前端自己生成接口获取public目录里面的文件

VUE中，如果我们想对外暴露一个文件，可以在打包之后也能事实对其进行替换，我们只需要把相关文件放置在public目录下即可，可以放置JSON，Excel等文件

比如我在这里放置一个other文件

我们可以直接在VUE中使用axios去获取这里面的数据

import axios from "axios";
import * as XLSX from "xlsx";

const getData = () => {
  axios
    .get("/music/dist/data/other.xlsx", { responseType: "arraybuffer" })
    .then((res) => {
      const workbook = XLSX.read(res.data, { type: "buffer" }); // 使用buffer类型
      const sheetName = workbook.SheetNames[0];
      const worksheet = workbook.Sheets[sheetName];
      const json = XLSX.utils.sheet_to_json(worksheet);
      return json //最终输出结果
    });
};

这里的JSON就是我们在Excel中获取到的数据，这里我们我们使用XLSX去解析出最终表格结果

我们调用接口，可以发现接口本身是304，但是不用怕，数据已经返回给我们了，music/dist是我自己配置的文件路径，大家可以根据自己的来试试

最终我们可以在结果中获取，并按照我上面的方式进行数据解析即可