react redux中使用axios模拟访问接口请求json数据
在redux中使用axios请求后台接口。由于我们自己在写前端代码,很难去开发一个后台API接口去返回JSON数据。这时候我们可以创建一个json文件,来模拟我们调用后台api及接口返回json数据。
首先我们在public目录下创建list.json文件并模拟json数据:
{
"data": {
"list": [
"早上4点起床,锻炼身体",
"中午下班游泳一小时",
"晚上8点到10点,学习两个小时"
]
}
}
json文件创建成功后我们可以在浏览器输入localhost:3000/list.json访问到我们json文件
到这步为止我们就可以模拟请求后台api接口访问返回json数据。接下来我们就可以在axios.get(' ')中使用localhost:3000/list.json来模拟接口数据: