zoukankan      html  css  js  c++  java
  • 前端模拟数据接口json-server

    今天要找帮前端找一个可以实现数据接口模拟的工具。首先看到的mock.js这个。但是这个需要在页面里插入Mock.js我是要给小程序使用,所以不能这么插入。然后又找到了json-server这个Nodejs的插件。他是在本地启动一个express来生成,前端调用的时候就跟平时那样调用一个路径。所以很方便

    先安装
    sudo npm install -g json-server

    创建一个文件夹如:/Users/pengxu/Work/Code/nodejs/json-server
    创建三个文件:

    json-server.json

    {
        "port": 53000,
        "watch": true,
        "static": "./public",
        "read-only": false,
        "no-cors": false,
        "no-gzip": false,
        "routes": "route.json"
      }
      
    

    route.json

    {
        "/*": "/$1"
    }
    

    主数据文件
    db.json

    {
        "getsysinfo": {
            "errno": "0",
            "message": "",
            "data": {
                "logo": "https://www.baidu.com/img/superlogo_c4d7df0a003d3db9b65e9ef0fe6da1ec.png?where=super",
                "projectname": "来来求职",
                "job_mobile": "",
                "banner": [
                    {
                        "img": "",
                        "url": ""
                    },
                    {
                        "img": "",
                        "url": ""
                    },
                    {
                        "img": "",
                        "url": ""
                    }
                ],
                "cash_mobile": "",
                "complaints_mobile": "",
                "is_check": 1,
                "job_time": "",
                "cash_time": "",
                "complaints_time": "",
                "ad_img": "",
                "ad_url": ""
            }
        },
        "getuserinfo":{
            "errno": "0",
            "message": "",
            "data":{
                "id": "1",
                "openid": "dddd",
                "avatar": "esseseeses",
                "nickname": "eseseses",
                "realname": "",
                "bank_card": "",
                "idcard_img": ""
              }
        }
    }
    

    启动json-server
    json-server db.json

    作者:WinsonXu 出处: http://winsonxu.cnblogs.com/ 微信winsonhsu 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。如果觉得还有帮助的话,可以点一下右下角的【推荐】,希望能够持续的为大家带来好的技术文章!想跟我一起进步么?那就【关注】我吧。
  • 相关阅读:
    github上十二款最著名的Android播放器开源项目
    ReactiveX/RxJava文档中文版
    腾讯开源的Android UI框架——QMUI Android
    android EventBus的简单使用
    android EventBus的简单使用
    MVP实战心得—封装Retrofit2.0+RxAndroid+RxBus
    动态合并Repeater控件数据列
    动态合并GridView数据行DataRow的列
    找出1至10范围奇数
    判断某元素是否在Array中
  • 原文地址:https://www.cnblogs.com/winsonxu/p/qian-duan-mo-ni-shu-ju-jie-kou.html
Copyright © 2011-2022 走看看