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
的接口调试插件,效率直接翻倍。
如果你正忙着做个后台管理系统,或者临时演示用个列表分页的接口,那这个项目真的是挺合适的,数据结构怎么定你说了算,还能动态加删改,蛮灵活的。
526.26KB
文件大小:
评论区