目录下的api文件夹下都可以放置你自己模拟的数据,该模拟的数据文件只能放置在public目录下,否则就会报错,不生效的
对应的UI效果显示:如下所示
image.png
当然对于UI以什么样的方式来显示...在React中,你可以使用你喜欢的Ajax库,例如:Axios,浏览器内置的feach方法,JQuery Ajax,或是第三方库request,下面就逐一来看看的
方式一使用Axios发送Ajax请求...注意:本地模拟数据的json文件(这里是goodlist.json),放置的位置只能是放置在根目录public目录文件夹下,若放置在其他处,是不起作用的
之所以放在public能起作用,访问的路径直接是根路径即可...public之外,这时请求url,/api/goodlist是会报错的
换而言之,假数据放置在public目录下,不使用charles等其他代理工具,也能成功,因为在React中的webpack自动的帮你处理了...与fetch,request是主流的方式
同时介绍了在项目的根目录public文件夹下放置模拟的假数据,个人觉得这个很简单粗暴,但是唯一不足是你得自己手动的编写数据
而利用charles和mockoon