VUE中,如果我们想对外暴露一个文件,可以在打包之后也能事实对其进行替换,我们只需要把相关文件放置在public目录下即可,可以放置JSON,Excel等文件
比如我在这里放置一个other文件
我们可以直接在VUE中使用axios去获取这里面的数据
javascript">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是我自己配置的文件路径,大家可以根据自己的来试试
最终我们可以在结果中获取,并按照我上面的方式进行数据解析即可