用node.js启动mock.js

最新推荐文章于 2025-01-15 15:00:32 发布

weixin_34162695

最新推荐文章于 2025-01-15 15:00:32 发布

阅读量385

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript git ViewUI

原文链接：http://www.cnblogs.com/aeolian/p/10691151.html

本文详细介绍如何使用Node.js和Express搭建服务器，并结合Mock.js生成模拟数据，包括环境搭建、路由设置及跨域处理，适合初学者快速上手。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Node.js

Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。官网下载node.js

mock.js

官网

新建项目文件夹nodeServer，用git bash初始化，生成package.json文件

npm init -y

进入nodeServer下，用node自带的npm下载安装mock

npm install mockjs

进入nodeServer下，通过npm包管理工具安装express服务

npm install express --save--dev

server.js

let express = require('express');    //引入express模块
let Mock = require('mockjs');        //引入mock模块

let app = express();                //实例化express

/**
 * 配置test.action路由
 * @param  {[type]} req  [客户端发过来的请求所带数据]
 * @param  {[type]} res  [服务端的相应对象，可使用res.send返回数据，res.json返回json数据，res.down返回下载文件]
 */
app.all('/test.action', function(req, res) {
    res.send('hello world');
});
/**
 * 监听8090端口
 */
app.listen('8090');

进入nodeServer下，通过命令启动

node server.js

浏览器访问如下

使用mockjs返回格式化json数据

/*返回json字符串*/
app.all('/json.action', function(req, res) {
    /**
     * mockjs中属性名‘|’符号后面的属性为随机属性，数组对象后面的随机属性为随机数组数量，正则表达式表示随机规则，+1代表自增
     */
    res.json(Mock.mock({
        "status": 200,
        "data|1-9": [{
            "name|5-8": /[a-zA-Z]/,
            "id|+1": 1,
            "value|0-500": 20
        }]
    }));
});

/*为app添加中间件处理跨域请求*/
app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    next();
});