如何调用本地 json 文件数据

文章目录

    • 如何调用本地 json 文件数据
      • 1. 使用场景
      • 2. 步骤

如何调用本地 json 文件数据

1. 使用场景

使用场景:当无数据接口时,需要调用自己写的 json 文件,请求数据。

2. 步骤

  1. 在 public 文件夹下,新建一个存放 json 数据的文件夹 [ testdata ];

  2. 在新建的文件夹 testdata 下,存放我们的 json 数据;

    // 属性需要采用双引号包裹
    {
        "datas":[
            {
                "id": "100001",
                ......
            },{
                ......
            }
        ]
    }
    
  3. 在原本需要调用接口的地方,将 url 地址,换为我们需要的 json 文件的地址。

    export const getTableData = () => {
      return request({
        url: '/testdata/test.json',
        method: 'get',
      })
    }
    
  4. 在需要请求数据的地方,正常调用接口,即可。

你可能感兴趣的:(前端学习,json,前端)