• 前端模拟数据接口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 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。如果觉得还有帮助的话,可以点一下右下角的【推荐】,希望能够持续的为大家带来好的技术文章!想跟我一起进步么?那就【关注】我吧。
  • 相关阅读:
    pip 提示import error,cannot import name locations
    Selenium 报错 提示“unable to find an ant file to run”
    python-unexpected content storage modification出错
    C++对象的动态建立与释放
    C++构造函数和析构函数
    C++类的访问控制关键字
    C++之namespace、bool
    C++ 学习笔记
    内存泄漏
    内存回收机制
  • 原文地址:https://www.cnblogs.com/winsonxu/p/qian-duan-mo-ni-shu-ju-jie-kou.html
Copyright © 2020-2023  润新知