json-server

json-server快速地根据json文件,生成接口 前端的方式写真的假接口

一、安装json-server

npm install -g json-server
查看版本号,安装成功

json-server -v
0.17.0

二、创建db.json

在文件夹下创建一个db.json文件,存放一些数据。

{
    "posts": [
        {
            "id": 1,
            "title": "json-server",
            "author": "typicode"
        }
    ],
    "comments": [
        {
            "id": 1,
            "body": "some comment",
            "postId": 1
        }
    ],
    "profile": {
        "name": "typicode"
    }
}

三、启动json-server

进入文件夹,直接在地址栏cmd,进入终端。执行启动json-server命令。

json-server --watch .\db.json --port 5222

或者 json-server db.json
json-server 已经启动成功。
json-server_第1张图片

四、查看数据

在浏览器中输入地址:http://localhost:+端口号/接口名称,即可查看数据。
json-server_第2张图片

五、public目录

在和db.json同级的目录下,创建public目录,里面可以存放一些静态资源。

你可能感兴趣的:(前端)