有了它,前端也可以轻松搞定接口啦

200 阅读1分钟

哈哈哈哈,小小标题党。

源于最近发现了一个很好用的 server --- json-server。其实就是一个可以运行在前端的一个存储数据的server,整体rest风格,操作简单,如果前端需要模拟一个只需要增删改查的项目时很方便。

  1. 安装:
npm i -g json-server

全局安装一下即可

  1. 使用

使用也很简单,需要在本地项目中增加一个json格式的data.json的文件,在本地文件夹的目录下,启动命令:

json-server data.json

即可在本地开启一个简单的服务,数据都是实时更新的,接口也可以通过postman测试

image.png

命令起来就是这样,可直接通过访问地址查看数据,也可以通过postman的方式查看数据

  1. 接口

    a. 查看 --- get
    b. 增加 --- post
    c. 删除 --- delete
    d. 修改 --- patch/put , put全覆盖,patch修改部分,建议使用patch

因为整体rest风格,所以查看哪个直接在url后面拼接id即可,如图

image.png

这是get接口, 其他需要修改某个id的数据时类似,直接把id拼接到后面即可定位到某条数据。

配合使用axios,前端也可简单的模拟数据,对于小型项目来说,方便。