json-server模拟数据

207 阅读1分钟

1.www.npmjs.com/ 上搜json-server

2.安装:

npm install -g json-server

3.创建db.json(key必须用双引号引用起来)

{
    "posts":[
        {
            "title":"vue3-vite",
            "body":"vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动",
            "id":1,
            "tags":[
                "vue3","compositionApi","blog"
            ]
        },
        {
            "title":"React",
            "body":"用于构建用户界面的JavaScript库",
            "id":2,
            "tags":[
                "React","blog"
            ]
        }
    ]
}

4.启动

json-server --watch data/db.json --port=3003

目录结构:

image.png

打开一个窗口输入http://localhost:3003/posts 能展示出来,即表示成功