如何使用本地mock数据

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

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

如何使用本地mock数据_第1张图片

对新建js文件编写导出,返回数据根据接口文档编辑即可,例如如何使用本地mock数据_第2张图片

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

如何使用本地mock数据_第3张图片

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

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

如何使用本地mock数据_第4张图片

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

如何使用本地mock数据_第5张图片

上线之前记得删掉mock数据

如何使用本地mock数据_第6张图片

 

1. main.js文件如何使用本地mock数据_第7张图片 2. vue.config.js

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

你可能感兴趣的:(前端)