基于 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 " }
相关推荐
C++、Java和Python的菜鸟3 小时前
第12章 前端Web进阶(Vue工程化+ElementPlus)
前端·javascript·vue.js
妙码生花4 小时前
让各大 AI 整理出来的前端工程命名最简实践(Vue + TS)
前端·javascript·vue.js
用户841794814566 小时前
vxe-table 实现编辑列的权限控制:列级与表级权限管理
vue.js
Tian_Hang6 小时前
Vue3 父子组件通讯
前端·javascript·vue.js
烟锁池塘柳010 小时前
Conda 创建环境报错:Unable to read repodata JSON file,清华源 pkgs/free 失效解决方法
json·conda
C++、Java和Python的菜鸟10 小时前
第13章 前端Web实战(Tlias案例)
前端·javascript·vue.js
qq834431010 小时前
Luckysheet,在Vue 等框架中初始化失败(白屏),如何修复
前端·javascript·vue.js
满栀5851 天前
Vue.js 接口封装最佳实践:从基础到高级
前端·javascript·vue.js
java1234_小锋1 天前
Vue3专题 - 事件处理
javascript·vue.js
宿6741 天前
vue3-DOM树
前端·javascript·vue.js