基于 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 " }
相关推荐
Aotman_40 分钟前
Element UI 表格搜索高亮
前端·javascript·vue.js·ui·elementui
yqcoder1 小时前
[特殊字符] Vue 3 中 Keep-Alive 对生命周期的影响:深度解析
前端·javascript·vue.js
MXN_小南学前端2 小时前
computed 计算属性详解:触发时机、实战场景、Vue2 与 Vue3 对比
前端·javascript·vue.js
六月的可乐3 小时前
知识库检索入门:从普通 RAG、知识图谱 RAG 到 LLM Wiki,一篇讲清原理、区别与选型
vue.js·人工智能·openai
James_WangA3 小时前
3D 数字孪生联调实录:打通上位机与浏览器的最后一公里
vue.js
h_65432103 小时前
公告/消息提示从右向左循环滚动vue
前端·javascript·vue.js
米丘3 小时前
vue3.x 编译 script setup 编译过程
vue.js·node.js·babel
Lkstar3 小时前
读懂 Vue3 响应式源码:从枚举到 Proxy 拦截器
vue.js
jiayong233 小时前
第 40 课:任务详情抽屉里的编辑 / 删除联动强化
java·开发语言·前端·javascript·vue.js·学习
Mr.mjw3 小时前
vue中使用 postcss-px-to-viewport 插件实现多屏适配
javascript·vue.js·postcss