用json-server模拟后端数据

1.下载安装json-server

npm install -g json-server

 查看版本号

json-server -v

2、创建json数据

在根目录下新建mock文件夹，在mock文件夹里新建data.json

我的json数据如下图所示：

​
{
  "status":["100"],
  "message": [
    {
      "id": "1",
      "name": "奥迪",
      "ctime": "2017-02-07T10:32:07.000Z"
    },
    {
      "id": "2",
      "name": "宝马",
      "ctime": "2017-02-07T10:32:17.000Z"
    }
  ]
}

​

 3、配置package.json文件

在scripts中添加mock配置，并修改start的配置，让项目和json-server同时启动

注意：mock的路径不能写错

"mock": "json-server --watch mock/data.json",
"start": "npm-run-all --parallel mock dev",

4、启动运行项目

执行指令由   npm run dev，变成  npm start，同时启动项目和json-server服务器

npm start

项目启动，如下图演示：

5、注意事项

我在运行项目过程中踩过的坑：

1.data.json数据的格式要正确，刚开始，我的数据是从网上拷贝的，格式有点问题，导致项目运行错误

1. 

   错误原因是data.json数据格式错误，下次要注意了

//错误
“status”:100

​//正确
“status”:["100"]

2.mock指令中的mock数据路径不能出错

//1.正确路径
"mock": "json-server --watch mock/data.json",
//2.正确路径
//"mock": "json-server --watch ./mock/data.json",

//错误路径
"mock": "json-server --watch data.json",