zoukankan      html  css  js  c++  java
  • 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/

    看到能够正常访问:

  • 相关阅读:
    java集合
    linux网络配置(iproute2)
    linux网络配置(ifcfg)
    linuxshell编程之数组和字符串处理工具
    linux网络配置文件
    linux 内核版本和发行版本区别
    linux 相关零碎知识整理
    linux计算机网络基础
    linux bash编程之函数和循环控制
    linux bash shell编程之参数变量和流程控制。
  • 原文地址:https://www.cnblogs.com/e0yu/p/10774460.html
Copyright © 2011-2022 走看看