fastmock模拟post、get请求

参考资料：

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来测试接口，然后我直接在代码里写了请求接口是可以测通的。 

如图