Vue项目中如何高效使用mock.js进行数据模拟？

本文共计1487个文字，预计阅读时间需要6分钟。

Mockjs是一款用于模拟生成虚拟数据的工具，可以在前后端接口未开发出来时，独立进行前端开发。我们可以使用真实的URL，Mockjs可以拦截ajax请求，返回预设的数据。

官方网址：mockjs.com/

mockjs是用来模拟产生一些虚拟的数据，可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url，mockjs可以拦截ajax请求，返回设定好的数据。

使用方式

这里主要讨论在vue项目中，使用axios发送ajax请求，mock.js模拟数据的流程。

vue-cli搭建项目后，安装axios和mock.js

npm install -S axios npm install -D mockjs

在项目中新建mock.js文件夹，来设置要产生的模拟数据的格式。

3. 设想这样一个场景，页面在打开时要从数据库获取一个新闻列表，现在我们要模拟这个列表，新闻对象包括新闻标题、新闻内容和创建时间三项。