vue-cli中使用 JSON Server 搭建 Mock 服务器

1、全局安装:npm i -g json-server
2、项目目录下创建mock文件夹
3、mock文件夹下添加db.json文件,内容如下:

{
  "posts": [
    { "id": 1, "title": "jk", "author": "Anne" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}
//posts是mock出来的数据,其他两个可以不改。

4、package.json添加两条命令

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

5、启动mock服务器
npm run mock
访问http://localhost:3000/
GET请求具体路径 如:http://localhost:3000/posts 可获取数据
具体可以参考:简书mock数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值