素材巴巴 > 程序开发 >

如何使用本地mock数据

程序开发 2023-09-10 14:24:39

当后端同事接口数据还未完成,我们前端开发需要使用数据时,怎么办呢?这里可以自己本地mock数据先用着啦!仅在开发时使用

1. 创建一个 xxx.js文件,对外暴露一个数组;

对新建js文件编写导出,返回数据根据接口文档编辑即可,例如

这里data应是对象,数组包含在rows中,以下截图未做更改

2. 在index.js中导入,并放到mocks数组中展开即可;

在mock/index.js文件中导入并展开

数据获取如下:记得重启服务器!!!

上线之前记得删掉mock数据

 

1. main.js文件 2. vue.config.js

在此推荐一个线上mock网站---fastmock


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。