基于 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 " }
相关推荐
独泪了无痕2 小时前
Vue3 Hooks使用实战解析
前端·vue.js
郝亚军5 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
an317427 小时前
6MB 组织树大文件性能优化全流程
前端·javascript·vue.js
GitLqr7 小时前
Vue 3.6 Vapor Mode vs React 19 Compiler:前端架构的两条分叉路
vue.js·react.js·vapor
整點薯條8 小时前
Vue3+vite创建项目架构文件说明总结
前端·javascript·vue.js
Cobyte11 小时前
模板 DSL 解析器中的状态机设计
前端·javascript·vue.js
郝亚军12 小时前
How to create a vue project via webstorm?
前端·vue.js·webstorm
一颗小行星-13 小时前
为什么有的JSON可以带注释?
json
Bad_Shepherd13 小时前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
会周易的程序员15 小时前
Mermaid Renderer:一款的图表可视化小工具
前端·vue.js·流程图·mermaid