Express+Mockjs模拟数据

最新推荐文章于 2023-11-14 16:32:55 发布

L_AMiao

最新推荐文章于 2023-11-14 16:32:55 发布

阅读量661

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/L_AMiao/article/details/83048934

本文详细介绍如何使用Node.js的Express框架和MockJS快速搭建本地API服务器，包括项目初始化、安装依赖、配置路由及实现JSONP跨域请求。

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

1，新建项目，安装Express(默认已经安装nodejs)

npm init

//写文件信息

npm install express --save

npm install express-generator -g //安装express应用程序生成器

express --view

npm install

npm install -g supervisor //不用重新启动，直接浏览器刷新运行

supervisor ./bin/www

现在直接localhost:3000打开就能看到express

2，安装mockjs

npm install mockjs --save

3，

在routes文件夹里的index.js写路由

例：

router.get('/jdapi', function(req, res, next) {
    var callback=req.query.callback;
    console.log(callback);
    var Mock=require('mockjs');
    var data=Mock.mock({
        categoryName:'@cname',
        'categoryId|+1':10,
        logo:'@image(64x64,#eee,Logo)',
        'categoryItems|1-4':[{
            cname:'@cname',
            'cid|+1':100,
            'item|3-7':[{
                name:'@cname',
                'id|+1':0,
                link:'@url'
            }]
        }],
        'seller|8-15':[{
            name:'@cname',
            url:'@url'
        }]
    }); //这个代码是mockjs随机生成数据的代码
    var ret=JSON.stringify(data, null, 4);
    ret=callback+"("+ret+")";
    res.send(ret);
});

结果截图

localhost:3000/jdapi?callback=a

4，把localhost：3000换成自己主机名，写个请求就可以访问啦

<script src="jquery.min.js"></script>
<script>
   $(function(){
       var xhrul='http://192.168.31.133:3000/jdapi';
       $.ajax({
          type:'get',
           async:false,
           url:xhrul,
           cache:false,
           dataType:"jsonp",
           success:function(json){
              console.log(json);
           },
           err:function(e){
               alert("error")
           }
       })
   })
</script>