参考资料:
fastmock 帮助文档 初学者可以根据这个文档了解如何创建项目
【前端必备基本技能】-fastMock平台使用_哔哩哔哩_bilibili 如果觉得文档不好理解的小伙伴可以看这个视频,本人觉得讲的很仔细。
Mock.js
实例练习:
- get请求
示例展示。(关于数据结构的写法可以参考mock.js文档,链接在本文开头处。)
{"Status": 200,"Data|1": [{"id|+1": 1001,name: '@cname',"number|+1": 202,"object|1": {"310000": "上海市","320000": "江苏省",},city: '@zip'}],"desc": "成功"
}
可以直接点右上角预览。如图:
在项目中使用的结果,打开f12查看请求响应。
- post请求
示例展示。(关于数据结构的写法可以参考mock.js文档,链接在本文开头处。)
{"Status": 200, "Data": {"pageNo": "@integer(1, 100)","PageCount": "@integer(100, 1000)","PageSize": 10,"Data|10": [{"id|+1": 1,"name": "@cword(10)","title": "@cword(20)","descript": "@csentence(20,50)","price": "@float(10,100,10,100)"}]},
}
可以直接点右上角预览。如图:
注意这样并不代表失败了,我在查找解决办法的时候,看到一篇文章里面写了post请求需要用postman来测试接口,然后我直接在代码里写了请求接口是可以测通的。
如图