前端 模拟json数据接口

312 阅读1分钟
  1.  安装:npm install json-server -g,如下图:

// 查看是否安装成功:json-server -h

  2.  创建一个文件夹名称如:json

  3.  到刚刚创建的文件路径下,命令:cd json

  4.  在json文件夹里创建 json文件,如文件名字是:ajaxData.json,如图:

  5.  在ajaxData.json中填充数据!

{
    "list": [
        {
            "id": 1,
            "title": "title1",
            "date": "2019-10-19"
        },
        {
            "id": 2,
            "title": "title2",
            "date": "2019-10-20"
        }
    ],
    "comments": [
        {
            "id": 1,
            "news_id": 1,
            "data": [
                {
                    "id": 1,
                    "text": "哎呀呀呀呀!!!"
                },
                {
                    "id": 2,
                    "text": "emmmmmmmm!!!"
                }
             ]
        }
     ]
}

  7. 在json文件夹下执行命令:json-server -w ajaxData.json 3000,如图:

此文借鉴于某大牛的文章基础之上整理的笔记~