如何使用json-server模拟服务端接口数据

1、安装：npm install -g json-server
2、查看是否安装成功：json-server --version
3、安装成功之后，创建一个data.json文件

data.json
{
    "posts": [
      { "id": "1", "title": "Vue3", "views": 100 },
      { "id": "2", "title": "JavaScript", "views": 200 }
    ],
    "comments": [
      { "id": "1", "text": "a comment about post 1", "postId": "1" },
      { "id": "2", "text": "another comment about post 1", "postId": "1" }
    ],
    "profile": {
      "name": "typicode"
    }
}

4、通过以下代码运行文件（ --port 9999：修改端口号为9999，json-server默认端口号为3000）

json-server data.json --port 9999 或者npx json-server data.json --port 9999

5、vue项目中使用

 axios.get('http://localhost:9999/posts').then(res=>{
   console.log("json-server模拟数据",res);
  }).catch((err)=>{
    console.log("错误信息",err);
  })