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

巴特西

前端模拟数据接口json-server

最新文章

热门文章