axios 请求本地文件数据 (Vue 2)

MAIMIHO

于 2022-07-01 23:06:41 发布

阅读量2.2k

点赞数 2

分类专栏： Web Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/MAIMIHO/article/details/125567171

版权

Web 同时被 2 个专栏收录

35 篇文章

订阅专栏

Vue

20 篇文章

订阅专栏

本文介绍了一种在前端项目中加载静态数据的方法。通过将数据文件放置于public/static目录下，并利用axios发起GET请求来获取JSON格式的数据。此方法简化了数据获取流程，提高了前端应用的开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据放到 public/static 下

示例: public/static/data.json

请求

export function getData() {
  return new Promise((resolve, reject) => {
    axios
      .get("/static/data.json")
      .then((res) => {
        resolve(res.data.data);
      })
      .catch((reason) => {
        reject(reason);
      });
  });
}