继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

前后端分离效率必备之:mockjs

纯情掉了一地
关注TA
已关注
手记 33
粉丝 30
获赞 84

后台模拟数据往往比较单调且数量不足,难以发现页面布局问题,以及编写交互代码。

mockjs 可以脱离网络,在局域网开发,模拟丰富逼真的数据,在开发阶段发现样式问题。方便测试

1.安装依赖

npm i mockjs --registry=https://registry.npm.taobao.org

(node_modules不会出现下划线开头的依赖包,这样的依赖包可以直接拷贝,适合项目迁移到内网开发的朋友,比如外包到银行项目或者某些垄断企业时可以避免掉这个坑)

2.创建 mock 文件

https://img.mukewang.com/5cb8a45d000164f302920210.jpg

3.引用并设置  axios/mock.js 

常用方法是Mock.mock(),例如模拟接口  “https://www.api.com/AppLoginAction_gtCodeCheck   并返回一张100x40的图片

https://img2.mukewang.com/5cb8a4df000123c105170255.jpg

4.main.js 引用 即可拦截全局请求

https://img.mukewang.com/5cb8a66b0001bb5a03600043.jpg

5.高级用法:使用正则

https://img1.mukewang.com/5cb8a828000107d904620370.jpg


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP