在‘"db"："json-server -w db.json -p 3001“’中，这里的'-w‘是什么意思？

在命令行中，"-w"是json-server命令的一个选项，用于指定要监视的文件或目录。具体来说，在给定的例子中，"-w"选项指示json-server监视名为"db.json"的文件，并在该文件发生更改时自动重新加载服务器。这对于开发过程中实时更新数据非常有用。

关于json-server，它是一个用于快速搭建RESTful API的工具，可以基于一个JSON文件来模拟一个完整的后端服务器。它可以帮助开发人员在前端开发过程中进行数据模拟和测试，而无需实际的后端服务器。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）。

腾讯云云服务器（CVM）：提供可扩展的计算能力，可根据业务需求快速创建和管理云服务器实例。了解更多信息，请访问：腾讯云云服务器
腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的非结构化数据。了解更多信息，请访问：腾讯云对象存储

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

接口Mock利器——Json Server

什么是Mock Mock在中文的含义就是模拟的意思，mock测试就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的测试方法。...简单来说，就是通过某种技术手段模拟测试对象的行为，返回预先设计的结果。这里的关键词是预先设计，也就是说对于任意被测试的对象，可以根据具体测试场景的需要，返回特定的结果。...Json Server简介 json-server是一款小巧的Mock工具，它可以不写一行代码在30秒内创建一套Restful风格的 api，适合3人及以下的前端团队做迅速mock后台逻辑，也可以在接口测试中使用...index.js file.js index.js http://example.com/db.json https://github.com/typicode/json-server 入门使用...创建data文件首先创建一个json文件：db.json 内容如下： { "posts": [ { "id": 1, "title": "json-server", "author":

1.7K3 0

『前端必备』本地数据接口 —— json-server 从入门到膨胀

npm 下载，npm 依赖在 node 中。...安装 json-server 可以全局安装，也可以在某项目里安装。这里建议全局安装，因为以后你可能会对 json-server 产生依赖。...例：创建 json-server-demo 文件夹，在 json-server-demo 里创建 db.json 文件（这些文件夹和文件名都可以自由命名）。...接下来我演示几个常见的配置操作。端口使用 -p 或者 --port 配置端口号，例如配置 6666 端口 json-server -p 6666 db.json 启动后 \{^_^}/ hi!...:6666/profile Home http://localhost:6666 主机地址 json-server --host 0.0.0.0 db.json 这里设置了 0.0.0.0 ，之后通过本机

4.5K5 2

Github上基于lodash和lowdb json查询服务器json-server

author.name=typicode 分页使用 `_page` 和 `_limit` 返回分页数据在响应返回头信息 `Link` 中可以拿到 `first`, `prev`, `next` and.../public` 目录，使用 JSON Server 来返回 HTML, JS and CSS, 或者使用 `--static` 设置静态文件目录. json-server db.json json-server...db.json --static ..../hello.js json-server db.json --middlewares ./first.js ....db.json json-server file.js json-server http://example.com/db.json 也可以使用`json-server.json` 配置文件配置选项

1.9K0 0

使用 json-server 简单完成CRUD模拟后台数据

在开发中，后端的接口往往是较晚出来的，但是有时候我们必须给前端页面一些虚假的数据去开发，这个时候一些mock工具就很有必要了，最终我选择了json server工具，因为它足够简单，而且也能和你们所熟知的...目录下执行 json-server db.json 打开浏览器，http://localhost:3000,查看页面。...db.json文件中。...你的请求体body应该是封闭对象。比如{"name": "Foobar"} id不是必须的，在PUT或者PATCH方法中，任何的id值将会被忽略。...在POST请求中，id是可以被添加的，如果该值没有没占用，会使用该值，否则自动生成。

1K5 0

上手玩一下 json-server（一）了解篇

json-server 是什么？我把这个词抛给一个后端好友时，他没用过查了下回复说：哦，原来是个mock 工具。 mock这词本意是模拟、糊弄的意思。...执行json-server --watch db.json后原本空空如也的文件夹里，就会多出一个db.json文件。...db.json 再比对myserver/db.json文件的数据，就可以发现： /db就是整个的db.json数据包，而/posts /comment /profile 分别是db.json里面的子对象...请求方式嘛~ 嗯，更好玩的还在后面分页 Paginate 为了能演示分页效果，我们在db.json文件里的fruits里面多添加了几种水果。...（测试数据的局限性，我没太懂这条指令的意思了，之后在试试看。） http://localhost:3004/fruits?

2.4K1 0

vue 开发常用工具及配置四：推荐一个 mock 工具

之前作者也是这么想的，后来在试用了 mock 工具之后，想法转变了。...首先，全局安装 json-server： yarn global add json-server 然后在 /go 目录下创建一个 db.json 文件，内容如下： { "posts": [ {.../go 目录下以如下命令启动 json-server： json-server -p 8080 --watch db.json 这里的 8080 端口，是为了与之前使用过的端口保持一致。.../1 这样的 Restful API 接口不需要手工定义，json-server 会根据 db.json 的内容自动按约定构建接口列表。...在 db.json 有模型 posts，所以以下接口都存在： GET /posts GET /posts/1 POST /posts PUT /posts/1 PATCH /posts

7111 0

5452 0

快速模拟 Rest API

在前后端开发过程中，通常会通过 web api 进行沟通，Rest 风格和 JSON结构是常用的，例如前端要获取文章列表，需要通过 GET /post 来取得数据，返回的数据例如 { "posts"...文件 db.json，内容为 { "posts": [{ "id": 1, "title": "测试 json-server", "author": "dys" }] }...启动 json-server，指定加载 db.json，在命令行执行 json-server db.json 启动后的提示信息 \{^_^}/ hi!...Loading db.json Done Resources http://localhost:3000/posts http://localhost:3000/comments Home...http://localhost:3000 在浏览器中访问 http://localhost:3000/posts，会输出 posts 数组，如 [ { "id": 1, "title

2K4 0

json-server增删改查

没装淘宝镜像的用npm安装 2.开始配置 1.新建一个test文件，在test里新建一个db.json文件（此文件用来放虚拟数据），在db.json中写入以下数据↓↓↓↓↓↓ ?...测试数据 2.打开命令行，进入test文件下，输入命令：json-server db.json -p 3000 ?...在console中查看get拿到的数据 POST：在页面中写个添加按钮，类名为add，点击add触发post添加id为3的新数据 ? post ?...数据修改成功 DELETE：在页面中写个删除按钮，类名为delete，点击delete删除id为3的数据 ? 删除请求 ?...package.json中写入以上代码这样，直接在命令行输入npm run server就OK了不用每次启动都输入一长串的json-server********

2.8K2 0

JSON-Server启动本地JSON服务

，我们可以利用json-server起一个本地的服务，到时候后端给我们接口的时候，我们在把API换成后端给我们的接口。...我们只需要提供一个json文件，填充一些数据就可以模拟出RESTful API的接口 JSON-Server下载 JSON-Server 是一个 Node 模块，我们用npm包管理工具下载 npm install...-g json-server 运行完成功之后我们创建一个后缀名为json的文件使用json-server 我这里叫db.json 我们在里面填一些数据我们在当前命令行中输入 json-server...db.json 程序跑起来啦我们复制上端口在浏览器打开就可以看到我们的数据了(端口默认3000) 这样我们就在本地上把服务启动起来了我们可以通过axios或ajax来请求数据，在我们页面显示...这是json-server中的命令，大家可以自己尝试操作

1.5K1 0

上手玩一下json-server（二）操作数据篇——POSTPATCHDELETE

所以这一篇，我们采用大部分人熟悉的 ajax 方法，来操作下响应的数据。 0 准备在上一篇中，我们有db.json文件，里面放置了一些水果信息。...文件结构最后，别忘了启动json-server： # 若有按照上一篇设置package.json文件，则 npm run mock # 若是常规启动，则 json-server --watch db.json...案例：获取db.json中的所有水果信息，以表格的方式展现出来。 <!...案例：在页面的输入框中输入新的水果名称和价格，通过post添加到db.json中。...再次点击get按钮重新获取db.json数据，就可以看到新添加进去的数据。此时打开db.json文件，也可以看到这条新添加的记录。

1.8K2 1

json-server模拟后端接口

作为一个前端，在实现项目功能的时候，需要在前端写一个静态的json数据，进行测试，但是有的时候，需要涉及到全模拟请求以及请求回来的过程，实现动态增删改查，这个时候就需要使用到web的API接口神器json-server...在使用之前先确定安装node和npm最新版本。 1：全局安装json-server 打开cmd，右键以管理员身份运行(我的电脑是win10的，所以需要权限) ?...3：db.json模拟数据在根目录底下新建db.json文件，写上自己模拟的json数据，后面会要用到进行模拟接口。...} ] } 4：安装依赖模块进入项目，在项目里面安装json-server的模块依赖文件，命令如下： npm install json-server --save ?...5：修改配置文件打开package.json文件，将scripts进行修改，如下: "scripts": { "json:server": "json-server --watch db.json

1.4K1 0

mockjs，json-server一起搭建前端通用的数据模拟框架

无论是在工作，还是在业余时间做前端开发的时候，难免出现后端团队还没完成接口的开发，而前端团队却需要实现对应的功能，不要问为什么，这是肯定存在的。本篇文章就是基于此原因而产出的。...，用于模拟crud操作用，没搞清楚如何实现多个db.json index.js：模拟服务器入口文件 test.html：测试cors 2....static": path.join(__dirname, "/lib") }); var router = JsonServer.router(path.join(__dirname, '/route/db.json...3.1 首先，在data文件夹中建立emp.js文件，编写了如下内容： var mockjs = require('mockjs'); module.exports = { list: function...总结 1. json-server的db.json文件只能有一个，这里可以配置多个数据实体，他是以get为获取,post为写入http协议来实现数据的CRUD的看到这里，你是否有感觉到搭建一个数据模拟服务器如此简单

1.9K5 0

json-server搭建mock服务

概述前后端分离开发是当前大多数公司的一种模式，这样让开发者更加专注于某一方向。但是在实际的工作中，很容易出现前端后端互等的情况，一方面不利于沟通，另一方面降低了开发效率。...在很多公司的业务都是前端驱动的，所以前端人员可以根据业务先定义数据结构先行开发。本文基于json-server搭建一个mock接口。...json-server简介 json-server是一款小巧的Mock工具，它可以不写一行代码在30秒内创建一套Restful风格的 api，适合3人及以下的前端团队做迅速mock后台逻辑，也可以在接口测试中使用...初始化工程 npm init -y 2.添加依赖 npm i json-server -D 3..../mock_server/db.json --id key --p 13000" }, 在根目录下创建mock_server/db.json文件，文件内容如下： { "users": [ {

4411 0

【Techo Day 腾讯技术开放日】jira React 实战

使用脚手架初始化项目npx create-react-app jira --template typescript脚手架初始化项目遇到的问题说明：这里使用脚手架安装项目的时候遇到了一个问题，大致可能说的是...{js,css,md}": "prettier --write"}由于我们是一个 ts 项目，我们在项目中添加扩展名中添加 ts, tsx。"lint-staged": { "*....使用 mock 工具模拟后端接口这里我们综合考虑后，选择 json-server.安装依赖yarn add -D json-server创建 db 目录目录名称为 __json_server_mock...__目录中包含 db.json 文件。...scripts 脚本中添加启动 json-server 脚本"scripts": { "json-server": "json-server __json_server_mock__/db.json

4365 0

自定义mock数据，实现restful风格api

这里我们用到了express。...原理 2.1 http模块 Express建立在 Node.js 内置的http模块上。...; }) 定义处理错误中间件必须使用4个参数，即使不需要next对象，也必须在签名中声明它。...for mock install npm install json-server --save 创建数据文件 //db.json { "posts": [ {...xx.json,然后执行 json-server db.json -p 3003 默认端口是3000 json-server [options] Options: --config,

1.5K3 0

自从用了这个 69k star 的项目，前端小姐姐再也不催我了

不过最近也不知道怎么回事，公司新来的前端小姐姐总是在刚开始开发的时候就来找我要接口返回的数据。本来我就没开发完，她还总赖在这里不走唠闲嗑打扰我工作，好烦啊。...，保存为 db.json，当做 JSON Server 的数据源，如下： { "posts": [ { "id": 1, "title...json-server --watch db.json 看到这个可爱的画面，就说明启动成功啦。...其中，Resources 下的链接可以直接点击，会返回刚才 JSON 数据中，posts 字段对应的 JSON 格式信息。好啦，接下来我就给大家介绍一些常见的用法。...q=json 获取全部数据 http://localhost:3000/db 然后你可以发现，如果更改了刚才的 db.json 文件里的内容，我们通过请求查询到的数据也会实时更新保持变化。

1372 0

create-react-app + ts 项目工程规范

npm上面的包 import 相对路径问题在传统的 JS 项目中，需要在 webpack 的 alias 中进行配置。...但是在 TS 项目中，直接在项目跟目录的 tsconfig.json 中添加 { "compilerOptions": { "baseUrl": "....commitlint 的具体规则可以前往上面地址查看彩蛋使用 json-server 进行数据 mock yarn add json-server -D 在根目录下面创建一个名为 __json_server_mock..._ 的文件夹，并创建一个名为 db 的json文件。...然后执行 json-server --watch __json_server_mock__/db.json 如果你是在根目录下面新建的 db.json ，那么就不要文件夹路径即可。

1.7K5 0

使用json-Server快速模拟服务环境搭建

在前后端分离的这种工作模式下，分工明确，各司其职。前端负责展示数据，后端提供数据。然而，在这种过程中对于接口的规范需要提前制定好。例如根据规范提前模拟数据，这个时候就比较麻烦的。...(yes) 3.安装json-server依赖　　npm install json-server --save 这时候在你项目中会生成node_modules所需要的依赖 4.在你的文件中创建一个db.json...5.在我们的package.json这个文件里，配置一下运行环境 ?...:3000/会出现下面内容在浏览器中可以看到，users中有两个对象，就是我们在db。...我们可以在浏览器或者在db.json这个文件看到我们已经添加了一个新的数据 ? 如果想实现其他自己可以尝试，这时候我们只需要调用这些端口就已经可以实现数据的增删改查了。

1.2K3 0

前端Mock技术的场景应用与实战指南

然而，在实际开发过程中，前端开发者常常会遇到后端接口尚未完成的情况，这给前端开发带来了很大的挑战。在这种情况下，Mock技术应运而生。...测试接口依赖第三方接口返回值在实际开发过程中，前端接口可能会依赖第三方接口返回的数据。例如，一个电商网站的商品详情页需要展示商品的库存信息，而库存信息是由供应商提供的第三方接口返回的。...mockjs --save-dev然后，创建一个名为db.json的文件，用于存储模拟数据：{ "users": []}接着，创建一个名为mock.js的文件，用于生成模拟数据：import Mock...文件：json-server --watch db.json --middlewares ....以下是使用接口管理平台创建模拟接口的步骤：注册并登录接口管理平台。创建一个新的项目，并添加一个新的接口。在接口配置页面中，设置请求方法、请求URL、响应状态码和响应数据。

911 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云