美文网首页
10.4为网站添加Mock数据接口

10.4为网站添加Mock数据接口

作者: Aurochsy | 来源:发表于2018-09-24 16:32 被阅读0次

Chapter:10.服务端环境搭建和开发过程

10.4为网站添加Mock数据接口

1.创建测试数据

mock 目录创建测试数据文件 testData.json ,随便写点东西(不过不符合规范的话浏览器会提示)

{"msg":0,"data":"test data"}

2.创建服务层处理文件

service 文件夹创建 webAppService.js ,里面写读取文件数据并返回的函数的代码

var fs = require('fs');//添加访问文件系统功能
exports.get_test_data = function(){//Node.js的语法
    var content = fs.readFileSync('./mock/testData.json','utf-8');
    return content;
}

3.创建访问接口

app.js书写接口代码 ,负责将用户的输入请求提交到 webAppService.js ( webAppService.js 里的代码再执行访问文件内容并返回给客户端)

var service = require('./service/webAppService.js');//引入自己写的服务层文件

/*10.4 为网站添加Mock(模拟的)数据接口 */
app.use(controller.get('/api_test',function*(){
    this.set('Cache-Control','no-cache');
    this.body = service.get_test_data();
}));

//运行结果:运行该程序,到地址栏访问 localhost:3001/api_test 页面会显示testData.json文件里的内容

相关文章

  • 10.4为网站添加Mock数据接口

    Chapter:10.服务端环境搭建和开发过程 10.4为网站添加Mock数据接口 1.创建测试数据 在 mock...

  • easy-mock 本地部署过程

    背景:easy-mock 大家都知道,常用的 mock 数据网站,但是随着用户越来越多,easy-mock的接口响...

  • 本地部署(内网部署)easy-mock

    背景: easy-mock 是常用的mock数据网站, 但是随着用户越来越多,easy-mock的接口响应速度有点...

  • Android MOCK HTTP 接口新方式

    前言 以往,我们想要模拟接口返回数据,一般是利用 Charles 作为代理中转,配合在线 MOCK 网站 mock...

  • python实现一个简单的mock

    接口请求 mock的封装 data为mock返回数据 mock的实现也可用代理工具如fiddler、charles...

  • 【vue3.0】9.0 某东到家(九)——axios发送登录mo

    后端接口可以写到自己搭建的fast mock网站上。fast mock官方网站[https://www.fastm...

  • Easy Mock&Ajax请求数据

    mock网站https://www.easy-mock.com/login mock数据 axios 封装了所有的...

  • 前端 Mock

    Mock.js 生成随机数据,拦截 Ajax 请求 RAP Web接口管理工具,开源免费,接口自动化,MOCK数据...

  • 利用node.js来mock数据

    1.什么是mock数据? 模拟后端数据 2.mock数据解决的问题 使用mock数据可以在后端开发人员尚未完成接口...

  • mock

    mock使用优势:前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发 1,安装mock依...

网友评论

      本文标题:10.4为网站添加Mock数据接口

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