json-server本地接口模拟示例

本地接口调试的救星就是这个 json-server 代码示例源码。json-server搭起来快,适合在Vue 项目里临时模拟后端接口,响应也快,数据结构清晰。

搭建流程也蛮简单,三步走:npm install装依赖,npm run dev启动项目,到build目录下运行node apiServer.js就 OK 了。用不了几分钟,服务就能跑起来。

像你平时在做前后端分离,或者还没后端联调的时候,用这个来伪造接口数据方便。数据存一份db.json里,改起来比写 Mock 脚本还快,配合axios用,一口一个真香。

如果你对 json-server 不太熟,可以看看这篇json-server 模拟后端接口教程,里面讲得比较细。Vue 新手也可以顺带看看Vue 使用 NPM 搭建项目,一步步搭起来不迷路。

嗯,建议你本地调试的时候,配个proxy,不然容易碰到跨域问题。顺手再配个VS Code的接口调试插件,效率直接翻倍。

如果你正忙着做个后台管理系统,或者临时演示用个列表分页的接口,那这个项目真的是挺合适的,数据结构怎么定你说了算,还能动态加删改,蛮灵活的。

rar 文件大小:526.26KB