• mock---前端搭建模拟服务


    在做前端开发接口的时候,往往接口都是从后端来的,这让前端很苦恼,但是有了 MockServer ,前端也可以搭建API服务了。

    server-mock是什么?

    是一款nodejs的应用,用于搭建web服务器,模拟后端,方便前端去mock数据,是基于express(express是基于node.js平台的web开发框架)

    首先是安装 node.js 和 npm ,其次才是安装 mock

    npm install -g server-mock

    这样就是全局安装好了 mock,安装好后可以 cd 到对应的目录文件夹下 mock init 

    mock init

    可以看到一个官方的示例。

    我们可以自己写一个示例:

    新建一个 index.html 

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
    $.get('/user',{username:'赵子龙',old:3});
    </script>
    </body>
    </html>

    在新建一个路由规则:router.js

    router.use('/user', (req, res)=>{
      var username = req.query.username // 通过 req.query获取请求参数
      var name = [];
      name = [username];
      res.send(name);
    })

    文件目录结构:

    切换到这个的根目录,运行 mock start 

    mock start

    这样我们会看到:

    在浏览器打开:

    http://localhost:8080/

    看到能够正常访问:

  • 相关阅读:
    概率论基础
    感知机
    CSS3实现jquery的特效
    有品质的生活
    table点击一行显示下一行的特效
    colspan在浏览器中失效的问题
    css的框架——common.css
    使用 document.onreadystatechange()来判断页面加载完
    iframe中子页面通过js计算高度(使得页面不会显示不全)
    js返回上一页并刷新的多种方法
  • 原文地址:https://www.cnblogs.com/e0yu/p/10774460.html
Copyright © 2020-2023  润新知