一、首先需要在项目安装express 1、cnpm install express --save-dev  2、cnpm install mockjs --save-dev

二、在项目根目录下新建prod.server.js

var express = require('express');
var Mock = require('mockjs');
var config = require('./config/index');
var port = process.env.PORT || config.build.port;
var app = express(); var apiRoutes = express.Router();
apiRoutes.all('/order',function(req,res){
res.json(Mock.mock({
"reason|1-10":[{
"ORDERID|1-10":/[a-zA-Z1-9]/,
"PKG_NUM|1-8":/[1-9]/,
"HAS_REPORT":false,
"ODSTATUS":"样本接收",
"SEND_TIME":"@date",
"HZNAME":"@name",
"EXAMNAME":"原溯450"
}]
}))
});
app.use('/api', apiRoutes); app.use(express.static('./dist')); module.exports = app.listen(port, function (err) {
if (err) {
console.log(err);
return
}
console.log('Listening at http://localhost:' + port + '\n');
});
期中 var config = require('./config/index'); 引用了config下的index.js 修改了port:9000字段为 9000
四、跑服务 node prod.server.js
五、http://localhost:9000/api/order/
  
{"reason":[{"ORDERID":"Q2UxI","PKG_NUM":"5377","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"2014-01-22","HZNAME":"Timothy Martin","EXAMNAME":"原溯450"},{"ORDERID":"B66KEKG","PKG_NUM":"9","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"1981-03-15","HZNAME":"Scott Wilson","EXAMNAME":"原溯450"},{"ORDERID":"EH8OLT","PKG_NUM":"786","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"1987-10-16","HZNAME":"Sharon Robinson","EXAMNAME":"原溯450"},{"ORDERID":"OpY7QBqLOn","PKG_NUM":"4885","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"2009-09-28","HZNAME":"Melissa White","EXAMNAME":"原溯450"},{"ORDERID":"CN","PKG_NUM":"33","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"1995-08-08","HZNAME":"Michael Lewis","EXAMNAME":"原溯450"},{"ORDERID":"OO1C","PKG_NUM":"78413","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"2013-08-31","HZNAME":"Susan Jones","EXAMNAME":"原溯450"},{"ORDERID":"UhM","PKG_NUM":"648748","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"2012-11-24","HZNAME":"Margaret Allen","EXAMNAME":"原溯450"},{"ORDERID":"nu","PKG_NUM":"726864","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"1976-10-09","HZNAME":"Maria Jackson","EXAMNAME":"原溯450"},{"ORDERID":"aXAP","PKG_NUM":"46","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"1971-03-25","HZNAME":"Joseph Clark","EXAMNAME":"原溯450"},{"ORDERID":"fsYs8II8","PKG_NUM":"738731","HAS_REPORT":false,"ODSTATUS":"样本接收","SEND_TIME":"2005-09-28","HZNAME":"Charles Thompson","EXAMNAME":"原溯450"}]}

这样就可以跑起来一个模拟数据接口的服务了。期中mockjs语法参考https://segmentfault.com/a/1190000003087224

 

应用express mockjs模拟前端json数据接口的更多相关文章

  1. 如何让模拟的json数据接口能够正常的在手机上有效果

    1. 确保手机与PC在同一个ip网下 这里我是通过------------360随身WIFI,20块钱淘宝上卖的,外观像U盘一样的,直接插在电脑的USB上就能在PC上创建一个WiFi,手机连接上就可以 ...

  2. 服务端提供的JSON数据接口与用户端接收解析JSON数据

    JSON格式的服务接口:http://www.cnblogs.com/visec479/articles/4118338.html 首先来了解下JSON格式解析 json结构的格式就是若干个 键/值( ...

  3. java后台设计简单的json数据接口,设置可跨域访问,前端ajax获取json数据

    在开发的过程中,有时候我们需要设计一个数据接口.有时候呢,数据接口和Web服务器又不在一起,所以就有跨域访问的问题. 第一步:简单的设计一个数据接口. 数据接口,听起来高大上,其实呢就是一个简单的Se ...

  4. ES6_Demo,模拟后台json数据展示

    最近在学习ES6,下面,模拟后台传过来json数据,并在页面展示的一个小Demo. 页面简单的不可描述,只有一个button按钮 <button>点击获取json数据</button ...

  5. 前端--json数据的处理及相关兼容问题

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  6. 利用fiddler模拟发送json数据的post请求

    fiddler是调试利器,有许多好用的功能,这里简单的介绍一下利用fiddler模拟发送post请求的例子 先简单介绍一下失败的例子,最后给出正确的方法

  7. express+mockjs实现模拟后台数据发送

    前言: 大多数时候,前端会和后端同时进行开发,即在我们开发完页面的时候,很可能还不能立马进入联调阶段,这个时候,为了保证我们接口的有效性和代码的功能完整,我们可能需要模拟数据. 模拟数据方法 1.通过 ...

  8. json-server+mockjs 模拟REST接口

    前言: 项目开发中,影响项目进程的常常是由于在前后端数据交互的开发流程中停滞,前端完成静态页面的开发后,后端迟迟未给到接口.而现在,我们就可以通过根据后端接口字段,建立一个REST风格的API接口,进 ...

  9. 如何在vue-cli项目中结合mockjs模拟假数据

    1.前言 在如今前后端分离的开发方式已被广泛采用的今天,前端同学和后端同学各自独立开发,后端提供数据接口,前端调用接口获取数据渲染页面.但是在实际开发中,后端开发由于逻辑相对复杂接口迟迟提供不到位,而 ...

随机推荐

  1. Manifest文件

    Manifest文件是简单的文本文件,它告知浏览器缓存的内容(或不缓存的内容) Manifest文件可以分为三个部分: 1.CAHCEMANIFEST-在此标题下列出的文件将在首次下载后进行缓存. C ...

  2. VS快捷键总结(开发中经常遇到)

    1.窗口快捷键  (大家有没有发现但凡跟窗口挂上钩的快捷键当中都有一个W,那是因为W代表Windows也就是窗口的意思) Ctrl+W,W: 浏览器窗口 (浏览橱窗用有道的翻译是window shop ...

  3. 【转】C++中map容器的说明和使用技巧

    C++中map容器提供一个键值对容器,map与multimap差别仅仅在于multiple允许一个键对应多个值. 一.map的说明    1   头文件   #include   <map> ...

  4. 【主席树 启发式合并】bzoj3123: [Sdoi2013]森林

    小细节磕磕碰碰浪费了半个多小时的时间 Description Input 第一行包含一个正整数testcase,表示当前测试数据的测试点编号.保证1≤testcase≤20. 第二行包含三个整数N,M ...

  5. 【离线 撤销并查集 线段树分治】bzoj1018: [SHOI2008]堵塞的交通traffic

    本题可化成更一般的问题:离线动态图询问连通性 当然可以利用它的特殊性质,采用在线线段树维护一些标记的方法 Description 有一天,由于某种穿越现象作用,你来到了传说中的小人国.小人国的布局非常 ...

  6. Protobuf有没有比JSON快5倍?用代码来击破pb性能神话

    转 http://www.sohu.com/a/136487507_505779 2017-04-26 07:58 程序设计 /58 /技术 导读:Google 的 Protocol Buffers ...

  7. 谷歌放弃“不作恶” Alphabet要“遵守法律互相尊重”

    对于一些谷歌粉而言,谷歌那条“不作恶(Don’t be evil)”的行为准则是他们引以为傲的精神信仰.这一准则于1999年被首次确认,谷歌在2004年申请上市时也提到了这一点.不过现在这一点要改变了 ...

  8. set 方法总结整理

    #!/usr/bin/env python __author__ = "lrtao2010" #Python 3.7.0 集合常用方法 #集合是无序的,元素不能重复,元素只能是数字 ...

  9. 03 Django视图

    功能 接受Web请求HttpRequest,进行逻辑处理,与 M 和 T 进行交互,返回 Web 响应 HttpResponse 给请求者 示例项目的创建 创建项目 test3 django-admi ...

  10. LeetCode(172)Factorial Trailing Zeroes

    题目 Given an integer n, return the number of trailing zeroes in n!. Note: Your solution should be in ...