Axios调用本地模拟数据

最新推荐文章于 2024-09-20 06:09:33 发布

Tian_____

最新推荐文章于 2024-09-20 06:09:33 发布

阅读量735

点赞数

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/Tian_____/article/details/104534491

版权

Vue 专栏收录该内容

11 篇文章

订阅专栏

这篇博客介绍了如何在项目中使用Axios库来调用本地存储的模拟JSON数据。首先，数据以JSON格式存储在项目的public-data文件夹内。接着，通过Axios进行直接调用，无需额外封装，实现数据的获取。

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

1.首先把模拟的数据以json的格式存放在public–data的文件夹下
格式如下

{
  "data": {
    "text": "个人数据",
    "conditions": [
      {
        "label": "姓名",
        "name": "name",
        "text": "张三"
      },
      {
        "label": "年龄",
        "name": "age",
        "code": 18
      }
     ]
  },
  "code": "200",
  "msg": "成功"
}

2.直接axios调用（没有封装）

// 获取本地JSON
    getJson() {
      this.$axios.get('data/analysis-report/custom-during-analysis.json').then(res => {
        // 获得数据  
        console.log(res)
      })
    },