前端使用mockjs模拟数据

前后端分离的开发模式已经很成熟了,前端不再依赖后端接口,独立进行开发,今天写一下关于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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,786评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,286评论 19 139
  • 我和他相识在十九岁,那时的我们,谁之于谁,是谁?都是未知......也许有情,也许无意。 我和他相恋在二十一岁,我...
    海逢阅读 118评论 1 1
  • 记得早先少年时 大家诚诚恳恳 说一句 是一句 清早上火车站 长街黑暗无行人 卖豆浆的小店冒着热气 从前的日色变得慢...
    果冻萍萍阅读 612评论 0 1
  • 今天我没有去上学,因为从昨晚我就一直拉肚子,拉的我没劲了,到了上午我想去上学但是不知怎么,但是我还是拉肚子,好可惜...
    张佳艺我的宝贝阅读 479评论 0 1