react redux中使用axios模拟访问接口请求json数据

在redux中使用axios请求后台接口。由于我们自己在写前端代码,很难去开发一个后台API接口去返回JSON数据。这时候我们可以创建一个json文件,来模拟我们调用后台api及接口返回json数据。

首先我们在public目录下创建list.json文件并模拟json数据:

{

    "data": {

      "list": [

        "早上4点起床,锻炼身体",

        "中午下班游泳一小时",

        "晚上8点到10点,学习两个小时"

      ]

    }

  }

react redux中使用axios模拟访问接口请求json数据

json文件创建成功后我们可以在浏览器输入localhost:3000/list.json访问到我们json文件

react redux中使用axios模拟访问接口请求json数据

到这步为止我们就可以模拟请求后台api接口访问返回json数据。接下来我们就可以在axios.get(' ')中使用localhost:3000/list.json来模拟接口数据:

react redux中使用axios模拟访问接口请求json数据

 

react redux中使用axios模拟访问接口请求json数据