前端使用mockjs模拟数据

前后端分离的开发模式已经很成熟了,前端不再依赖后端接口,独立进行开发,今天写一下关于mockjs模拟数据的使用方法

首先安装包 npm i mockjs --save

安装完成package显示的版本是

成功之后就可以使用了,我的项目是vue+webpack的结构

首先创建一个mock文件夹,创建一个js文件,比如叫mock.js,引入mockjs,然后安装官网语法创建数据


前端使用mockjs模拟数据_第1张图片

/getList就是ajax要访问的地址, 注意一点/\/getList/是正则匹配的写法,也可以直接写'/getList',如果写成这种字符串的话加上参数(如/getList?page=1)就会报404错误,所以最好写成正则的方式

然后在main,js引入mock.js文件 

最后直接调用接口就可以了, 如 https://localhost:1000/getList?page=1

你可能感兴趣的:(前端使用mockjs模拟数据)