前端使用mockjs模拟数据
2017-11-20 本文已影响94人
lyn911
前后端分离的开发模式已经很成熟了,前端不再依赖后端接口,独立进行开发,今天写一下关于mockjs模拟数据的使用方法
首先安装包 npm i mockjs --save
安装完成package显示的版本是
成功之后就可以使用了,我的项目是vue+webpack的结构
首先创建一个mock文件夹,创建一个js文件,比如叫mock.js,引入mockjs,然后安装官网语法创建数据
/getList就是ajax要访问的地址, 注意一点/\/getList/是正则匹配的写法,也可以直接写'/getList',如果写成这种字符串的话加上参数(如/getList?page=1)就会报404错误,所以最好写成正则的方式
然后在main,js引入mock.js文件
最后直接调用接口就可以了, 如 https://localhost:1000/getList?page=1