Mock Data

本地开发在还没有后端数据接口的时候,使用mock数据

JSON Server

npm install --save json-server

在项目目录下创建mock文件夹,添加data.json文件

{
    "user": [{"id": 1,"name":"lili"}]
}

执行

json-server --watch mock/data.json

更改端口

json-server -p 4000 data.json

访问http://localhost:3000/,Resources下列出了json里的一级数据,点开链接得到对应的json数据

配合fakerjs批量生成数据

npm install faker --save

mock文件夹下创建data.js文件

module.exports = function () {
    var faker = require("faker");
    var _ = require("lodash");
    faker.locale = "zh_CN";
    return {
        table: _.times(10, function (n) {
            return {
                id: n,
                total: faker.random.number(),
                date: faker.date.past()
            }
        })
    }
};

执行

json-server --watch mock/data.js

fakerjs api文档:
http://marak.github.io/faker.js/

其他

可以在package.json中添加scripts

"mock": "json-server --watch mock/data.js",
"mockdev": "npm run mock & npm run dev"

执行

npm run mockdev
Comments
Write a Comment