zoukankan      html  css  js  c++  java
  • mock.js使用

    前后端联调必备技术之Mock讲解

    什么是Mock数据?

    • 处于开发环境模拟接口返回的数据(用于开发状态后端还没给接口)
    • 不会影响生产环境,只是方便我们还没与后端交互时,不阻塞我们开发流程

    mock数据好处

    • 团队可以并行工作(后端进度不至于影响前端开发进度)
    • 可以用来演示开发成果,实时反馈开发进度
    • 模拟测试并简单了解接口编写为全栈打基础

    介绍mock.js及axios全局配置

    Mock.js

    作用:生成随机数据,拦截ajax请求。

    安装: npm install mockjs   或者 yarn add mockjs

    核心:

      Mock.mock(): 根据数据模板生成模拟数据

           Mock.Random(): 随机生成数据

    1.在src下,新建mock文件夹。新建index.js和home.js

    2.在main.js里引入:

    3.在页面中调用:

    4.最终显示效果

  • 相关阅读:
    2019年春季学期第三周作业
    第十二周作业
    十一周作业
    第十周作
    第九周作业
    第八周作业
    第七周作业
    第六周作业
    第五周作业
    第四周作业
  • 原文地址:https://www.cnblogs.com/guwufeiyang/p/13043822.html
Copyright © 2011-2022 走看看