基于 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 " }
相关推荐
自然 醒31 分钟前
前端如何实现在线预览office常见文件功能?
前端·vue.js
肉肉不吃 肉1 小时前
前端调试跨域如何解决
前端·vue.js
卓怡学长1 小时前
w268基于springboot + vue 物流系统
java·数据库·vue.js·spring boot·spring·intellij-idea
前网易架构师-高司机2 小时前
带标注的21种中药材识别数据集,识别率73.8%数据集,2237张图,支持yolo,coco json,voc xml,文末有模型训练代码
xml·yolo·json·数据集·中药·药材·中草药
我是大猴子2 小时前
Java里的Json
json
迅速的自行车17 小时前
从一段模板说起
前端·javascript·vue.js
PixelBai19 小时前
JSON查看器实际应用场景案例
json
田里的水稻19 小时前
EP_XML\JSON配置文件和YAML
xml·运维·人工智能·机器人·自动驾驶·json
阿奇__1 天前
uniapp微信小程序图片上传含回显组件(拍照,相册)
前端·javascript·vue.js
前端甜糖1 天前
前端如何实现在线预览office常见文件功能?
前端·vue.js