Vue项目实战：Mock设置

Mock设置

作用：

• 开发阶段，为了高效率，需要提前Mock
• 减少代码冗余，灵活插拔
• 减少沟通，减少接口联调时间

mock设置三种方式：

• 本地创建json
• 集成Mock API
• easy-mock平台

（1）本地加载请求静态json文件：

• 在public下创建文件夹mock，mock里创建文件夹user,user里添加文件login.json:

{
   
    "status": 0,
    "data": {
   
        "id": 12,
        "username": "admin",
        "email": "...",
        "phone": null,
        "role": 0,
        "createTime": 123,
        "updataTime":456
    }
}

• 在App.vue中：