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是我自己配置的文件路径,大家可以根据自己的来试试
最终我们可以在结果中获取,并按照我上面的方式进行数据解析即可