json-server的初级使用

json-server模块的作用:本地搭建可用于前端访问的数据接口。

如何使用(初级):

1. 通过npm全局安装json-server

Code: npm install -g json-server

2. 在准备好的文件夹下(如basepath/JSONSERVER,为方便描述,以下都使用此名称)通过控制台命令生成package.json文档

Code: npm init

3. 在JSONSERVER文件夹下,安装json-server模块

Code: npm install json-server --save
注:–save 是为了将安装的模块放在当前文件夹下

4. 手动更新package.json文件

更新前:
更新前
更新后:
更新后

5. 在JSONSERVER文件夹中新建一个名为db.json的文件,名字和划红线“–watch db.json”的名字一致就好,这就是存放json字符串的用来模拟数据库的文件。
6. 这些东东都设置好后,在JSONSERVER文件夹下调出控制台输入指令就可以在本地的3000端口上获取到db.json中的数据了

Code: npm run json:server
注:这里的“json:server”就是package.json文件中scripts属性对应的内容。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值