如何调用本地 json 文件数据

如何调用本地 json 文件数据

1. 使用场景

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

2. 步骤

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

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

   // 属性需要采用双引号包裹
   {
       "datas":[
           {
               "id": "100001",
               ......
           },{
               ......
           }
       ]
   }
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11

3. 在原本需要调用接口的地方，将 url 地址，换为我们需要的 json 文件的地址。

   export const getTableData = () => {
     return request({
       url: '/testdata/test.json',
       method: 'get',
     })
   }
   1
   2
   3
   4
   5
   6

4. 在需要请求数据的地方，正常调用接口，即可。