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

embedded/2025/2/27 17:39:36/

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是我自己配置的文件路径,大家可以根据自己的来试试

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


http://www.ppmy.cn/embedded/167587.html

相关文章

VIP商品页面结构经常变化怎么办?

在爬取VIP商品详情时,页面结构的频繁变化是常见的挑战。为了应对这一问题,可以采取以下策略: 1. 使用稳定的选择器 在编写爬虫时,尽量选择更通用、更稳定的CSS选择器或XPath表达式,避免依赖于容易变化的元素属性。例…

DeepSeek+Kimi生成高质量PPT

DeepSeek与Kimi生成PPT全流程解析 一、工具分工原理 DeepSeek核心作用:生成结构化PPT大纲(擅长逻辑构建与内容优化)Kimi核心作用:将文本转换为视觉化PPT(提供模板库与排版引擎) 二、操作步骤详解 1. 通…

开源RAG主流框架有哪些?如何选型?

开源RAG主流框架有哪些?如何选型? 一、开源RAG框架全景图 (一)核心框架类型对比 类型典型工具技术特征适用场景传统RAGLangChain, Haystack线性流程(检索→生成)通用问答、知识库检索增强型RAGRAGFlow, AutoRAG支持重排序、多路召回优化高精度问答、复杂文档处理轻量级…

Mysql convert函数、convert用法、字符串转数字、字符串转日期、类型转换函数

文章目录 一、语法 1.1、转换指定数据类型1.2、转换指定字符集 二、示例三、cast与convert的区别 Mysql提供了两种将值转换成指定数据类型的函数 CONVERT函数:用于将值转换为指定的数据类型或字符集CAST函数 :用于将值转换为指定的数据类型。更多内容…

电脑开机无显示的故障原因

硬件问题 电源故障 电源供应不足:电源功率无法满足电脑硬件的需求,可能导致硬件无法正常启动,尤其是在电脑配置较高且电源功率较低的情况下容易出现。电源损坏:电源内部的电路元件可能出现故障,如电容爆浆、短路等&…

Linux相关知识(文件系统、目录树、权限管理)和Shell相关知识(字符串、数组)

仅供自学,请去支持javaGuide原版书籍。 1.Linux 1.1.概述 Linux是一种类Unix系统。 严格来讲,Linux 这个词本身只表示 Linux内核,单独的 Linux 内核并不能成为一个可以正常工作的操作系统。所以,就有了各种 Linux 发行版&#…

linux--多进程开发(5)--进程间通信(IPC)、linux间通信的方式、管道

进程间通讯概念 每两个进程之间都是独立的资源分配单元,不同进程之间不能直接访问另一个进程的资源。 但不同的进程需要进行信息的交互和状态的传递等,因此需要进程间通信(IPC,inter processes cimmunication) 进程通信的目的: …

BCT计算图论属性

本文翻译了BCT官网给出的一些指导,同时包含本人在计算图论属性过程中的一些思考 目前看到的教程中,大部分都只用一个确定的稀疏度来计算图论属性 我更倾向于gretna那种采用稀疏度序列来计算AUC曲线下面积衡量不同稀疏度下组间差异的方法 大部分图论属性都与网络稀疏度取值…