uniapp 中 vue+fastmock开发前端报，接口类容不能为空

一. 新起uniapp项目，前期选择使用fastmock生成数据并返回，生成数据规则同mockjs

二. 注册fastmock账号并登录 https://www.fastmock.site/#/login

1. 注册之后点击+新建项目

   
   
   image.png

2. 填写后点击保存

   
   
   image.png

3. 会出现新建的项目， 点击小眼睛进入项目

   
   
   image.png

4. 会看到接口列表

   
   
   image.png

5. 点击新增接口， 两个红框内都需要填写

   
   
   image.png
   
   
   image.png

6. 这个是我填写的，仅供参考

  {
  "list|1-10": [
    {
        "id|+1": 1,
        "requirment_status|1-2": 1,
        "update_time": '@datetime',
        "nick_name": "@cname",
        phone_number: /1\d{10}/,
        "count|1-10": 1,
        destination: '@city(true)',
        "duration|30-180": 1,
        topic: '@ctitle(3, 5)',
        publish_time: '@datetime',
        publish_type: '旅游定制',
        requirment_id: 'IDC20210506001252',
        publish_user: '张晓明'
    }
  ]
}

image.png

7. 点击保存之后会返回到接口列表

   
   
   image.png

8. 复制接口地址到项目中，便可以使用数据了

   
   
   image.png

9. 欢迎指正错误，一起学习。