前端模拟数据接口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

posted @ 2019-10-08 18:58  WinsonXu  阅读(476)  评论(0编辑  收藏  举报