基于 json-server 工具,模拟实现后端接口服务环境

文章目录

本地配置后端接口

一、安装json-server

json-server:官网地址

1、安装 JSON 服务器 安装 JSON 服务器

npm install -g json-server

2、创建一个db.json包含一些数据的文件(重点)
javascript 复制代码
创建一个包含一些数据的 db.json 文件

{
   "帖子":[
    { "id":1,"标题":" json-server ","作者":" typicode " }
  ],
  "评论":[
    { "id" : 1 , "body" : "一些评论" , "postId" : 1 }
  ],
  "个人资料":{ "名称":"类型代码" }
}
3、启动 JSON 服务器 启动 JSON 服务器

json-server --watch db.json

4、现在如果你访问http://localhost:3000/posts/1,你会得到
javascript 复制代码
{ "id":1,"标题":" json-server ","作者":" typicode " }
相关推荐
仿生狮子3 小时前
✂️ Nuxt 最简单的字体裁剪工具:Fontize
javascript·vue.js·nuxt.js
别惊醒渔人8 小时前
Vue3 Diff 优化:最长递增子序列 LIS
前端·javascript·vue.js
用户831348593069812 小时前
Vue+Three.js实现PCB电路板3D交互:元器件点击高亮、部件显隐、模型自动旋转
vue.js·webgl·three.js
GitLqr14 小时前
提升 Web 开发效率:我常用的 10 个 TypeScript 实战技巧
vue.js·react.js·typescript
CodexDave16 小时前
Python 自动化接单实战(一):把 CSV 需求做成配置驱动解析器
java·python·自动化·json·数据清洗·python自动化·csv处理
AI_paid_community18 小时前
机械研发人员如何使用 Claude?
java·vue.js
cdcdhj18 小时前
vue3中的watchEffect()监听,什么时候监听,什么时候清理,什么时候停止
前端·javascript·vue.js
无人生还18 小时前
从 Vue3 到 React · 快速上手系列第 6 篇:状态管理 useState 与 useReducer
前端·vue.js·react.js
林间码客19 小时前
全栈视角下的 Mock 指南:从后端单元测试到前端 Vue 3 联调
前端·vue.js·单元测试
Cobyte19 小时前
手写 Rollup 插件实现解析 Vue 文件
前端·javascript·vue.js