亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

前后端分離效率必備之:mockjs

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

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

1.安装依赖

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

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

2.创建 mock 文件

https://img1.sycdn.imooc.com//5cb8a45d000164f302920210.jpg

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

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

https://img1.sycdn.imooc.com//5cb8a4df000123c105170255.jpg

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

https://img1.sycdn.imooc.com//5cb8a66b0001bb5a03600043.jpg

5.高级用法:使用正则

https://img1.sycdn.imooc.com//5cb8a828000107d904620370.jpg


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
29
獲贊與收藏
84

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消