首页 > 其他分享 >json-server的使用

json-server的使用

时间:2024-10-10 20:13:22浏览次数:8  
标签:index db server json 使用 根目录 id

1. 简介

json-server可以帮助前端快速的mock数据,快捷方便

2. 安装

可以通过 npm 或者 yarn 安装

npm i json-server -g

3. 数据

在项目的根目录下创建一个文件夹,名字随意,可以叫做db

然后再db目录下新建一个 index.json ,在里面定义要模拟的数据

{
    "list": [
          {"id": 1, "name": "迪丽热巴", "age": 25},
          {"id": 2, "name": "古力娜扎", "age": 28}
      ]      
}

4. 启动

在项目的根目录下执行

json-server --watch db/index.json

5. 请求

就可以对请求路径 http://localhost:3000/list 进行操作,包括增删改查

标签:index,db,server,json,使用,根目录,id
From: https://www.cnblogs.com/lifengying/p/18457040

相关文章

  • Docker 环境下 Nginx 监控实战:使用 Prometheus 实现 Nginx 性能监控的完整部署指南
    Docker环境下Nginx监控实战:使用Prometheus实现Nginx性能监控的完整部署指南文章目录Docker环境下Nginx监控实战:使用Prometheus实现Nginx性能监控的完整部署指南一查看模块是否安装二配置status访问端点三Docker部署nginx-prometheus-exporter1)使用......
  • 使用Performance_schema监控SQL
    背景:在AWSAurora上如果设置slow_query_time=0,抓取全量日志分析,会导致日志文件过大,限制CPU性能发挥。因此使用Performance_schema分析sql。可根据需要的指标,在SQL语句上添加响应字段。#!/bin/bashsource/etc/profileshopt-sexpand_aliases##databasesdbs=`cat/data/......
  • conda的使用
    在下面的网站查询anconda的版本https://repo.anaconda.com/archive/可以找一个版本较老的的。例如最新的是2024-06,可以找一个2024年2月的,防止出现bug。使用下面的指令安装anconda。wgethttps://repo.anaconda.com/archive/Anaconda3-2023.09-0-Linux-x86_64.sh解压指令,一般......
  • ollama使用
    ollama是meta开发的一个可以在本地运行大模型的工具。这里介绍一下使用方法。下载并安装ollama,由于集成的较好,会自动写入启动中和全局环境中,也会安装GPU(需要管理员权限)curl-fsSLhttps://ollama.com/install.sh|sh创建虚拟环境condacreate-n[env_name]安装ollama的工......
  • android开发编译openssl源代码生成libcrypto.so和libssl.so两个动态库用于android ndk
    openssl编译本篇文章的操作是在Linux环境之下,在虚拟机ubuntu20版本上操作的步骤1.openssl下载解压tar包openssl下载地址:https://openssl-library.org/source/下载完解压:tar-zxvfopenssl-3.3.2.tar.gz//我这里下载openssl-3.3.2.tar.gz版本2.编译openssl库,得......
  • web端ant-design-vue Upload 手动实现文件上传使用小节
     web端ant-design-vueUpload手动实现文件上传使用小节。最近在项目开发中用到了手动实现文件上传的组件,之前都是自动上传把返回的文件信息保存到服务器。手动上传相对复杂一下,我把遇到的一些问题整理记录一下,有需要的朋友可以避免走弯路!1、文件上传需要用formdata格式,需......
  • 使用Git创建本地仓库(命令行方式&图形化界面方式)
    1.使用命令行创建本地仓库(1)在空文件夹中点gitbashhere(2)输入gitinit即创建目录2.使用图形界面创建本地仓库(1)一个空文件夹repo1(2)右键→GitGUIHere(3)选择createnewrepository......
  • web端ant-design-vue Modal.info组件自定义icon和title使用小节
     web端ant-design-vueModal.info组件自定义icon和title整理小节,最近在项目中用到了自定义icon和title的功能,经过测试发现,如果自定义icontitle会自动换行,尝试直接修改样式和穿透方式都没有效果,最后采取了一个巧妙的方式,将icon和title放在一个自定义组件内,完美解决!代码如下......
  • express 的使用笔记1
    官网地址:http://expressjs.com/zh-cn/starter/installing.html1.安装与启动1)首先要有node环境,作为一个前端开发,肯定已经有啦,那就直接开一个项目demo,然后安装express,如下图:2)上面操作之后,项目文件里应该会有一个app.js入口文件,如果没有,则可以借用gitbash使用touchapp.js来创......
  • web端使用高德地图逆地理编码
    1、首先去地理/逆地理编码-基础API文档-开发指南-Web服务API|高德地图API注册一下2、点击产品介绍-------地理/逆地理编码  3、创建应用拿到key 创建web服务、看底下有逆地理编码服务4、上一步就能拿到key了最后一步复制底下代码即可<!DOCTYPEhtml><htmlla......