美文网首页
小程序本地mock系统

小程序本地mock系统

作者: 夏夏夏天的夏 | 来源:发表于2018-01-30 19:26 被阅读0次

基本流程:

    启本地服务

    请求截获

    返回数据 

通过gulp任务利用 hapi  启一个本地服务 然后通过route截获请求

代码截图

在mockServer里处理返回,可以根据接口名定义mock数据文件,然后去读取文件内容做为reply的结果:

fileToRead = './mock' + path + '.js';

读文件做为返回

在搭建小程序框架的时候也要借用gulp任务传递一个环境变量,以便区分请求:

cross-env NODE_ENV=dev gulp server

配置文件里的环境判断

如果是本地开发,在请求时带上这个path,请求就会被截获到

相关文章

  • 小程序本地mock系统

    基本流程: 启本地服务 请求截获 返回数据 通过gulp任务利用 hapi 启一个本地服务 然后通过r...

  • 【图文详解】如何mock数据

    目录 如何在本地通过静态服务器mock数据 如何使用Easy Mock 如何使用githubpages mock数...

  • 如何mock数据

    mock数据有搭建本地服务器mock和通过线上网站mock数据两种方法:1.搭建本地服务器安装node.js,使用...

  • 小程序项目使用Mock数据

    安装mock.js 一、vue编写的小程序项目 1、安装mock.js 2、引入 mockjs在跟目录下的main...

  • axios请求封装

    axios封装 简单设置本地mock数据

  • Ant Design Pro 使用点点滴滴

    1、有用的Mock antd pro在本地开发环境下start时就提供了mock环境了,在根目录的mock里可以定...

  • vue本地开发mock数据.md

    一、为什么要mock数据? 二、如何mock数据? 三、webpack本地代理配置 四、mockjs使用 五、ea...

  • 常见前端mock方案对比

    常见 MOCK 方案 1. 代码侵入 (直接在代码中写死 Mock 数据,或者请求本地的 JSON 文件) 优点:...

  • git 部署与操作

    系统架构 本地工作目录 本地暂存区 本地版本库(分支 默认master 分支) 远端分支 安装 程序url m...

  • mock报文模拟器

    背景:让测试以配置模板的形式,生成模拟报文打通测试流程,产生了mock程序。mock程序:提供http与kafka...

网友评论

      本文标题:小程序本地mock系统

      本文链接:https://www.haomeiwen.com/subject/qegczxtx.html