配置json-server

最新推荐文章于 2023-07-30 22:18:11 发布
最新推荐文章于 2023-07-30 22:18:11 发布
阅读量170 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43977829/article/details/108842137
本文介绍了如何创建一个存放JSON文件的目录，使用npm初始化package.json，并安装json-server模块。接着，创建db.json文件并定制数据，修改package.json中的脚本启动json-server。最后，在命令行中运行服务并在浏览器中访问数据。这是一个快速设置本地API模拟的方法，适用于前端开发测试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

npm install -g joson-server

创建一个放json文件的文件夹，然后cd到路径内
初始化一个名为package的json文件

npm init

选项为：enter enter 描述自定义 enter enter enter enter enter enter enter

再来装一下json-server模块并保存数据

npm install json-server --save

在文件夹中再创建一个db.json，内容自定义，最好包含多个属性。

将package.json中script下的内容改为

"json:server": "json-server --watch db.json"

如图

回到cmd中运行

npm run json:server

结果

最后可以在浏览器中通过地址查询想要的数据。

士居坡东
关注
json-server安装、使用以及遇到json-server不是内部或外部命令，也不是可运行的程序或批处理文件；json-server 无法加载文件C:\XXXXX\json-server.ps1，
weixin_51696862的博客
01-08 4850
json-server的安装前提条件：已经安装了nodejs和npm包管理器没有的请去这个网址自行下载安装，傻瓜式安装，下载自己电脑系统对应的安装包后一直点下一步就行。
前端vue json-server 配置（mock接口数据）
最新发布
追逐知识的过程最能使我们意识到自己的无知...
08-09 330
xian。
配置JSON文件
03-20
编写的一个JSON配置文档，里边记录新版本程序的版本号，APK名称．
json-server配置
qq_42083328的博客
05-07 386
dVUE开发请求本地数据的配置，早期的vue-lic下面有dev-server.js和dev-client.js两文件，请求本地数据在dev-server.js里配置，最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里配置即可...
配置JSON-SERVER
weixin_34275734的博客
03-25 143
安装 github.com/typicode/js… 安装需要的模块jsonserver npm install -g json-server 复制代码 启动JSON server 创建db.json文件，输入数据 { "users":[ { "name":"Mary", "phone":"14590699011", "email...
配置Json
weixin_30484247的博客
07-16 88
IE8，FF3以及Chrome 3已经支持JSON，配置： ·<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ·<htmlxmlns="http://www.w3.org/1999/xh...
gulp-json-server:运行 json-server 的 Gulp 插件
05-29
}).use(jsonServer.router('db.json')) // 使用 db.json 作为模拟数据 .listen(3000, function() { console.log('JSON Server is running on port 3000'); }); }); gulp.task('default', ['api']); ``` `db....
vue-mock-cli:基于node+mockjs+jsonServer的前端mock服务, 实现了诸如`vue-cli json-server多个文件数据监听` 等效果
05-14
) nodemon --watch mock --exec 'json-server mock/index.js --port 3020 --m mock/post-to-get.js' "mock": "nodemon --watch mock --exec json-server mock/index.js --port 3020 --m mock/post-to-get.js", } :...
json-server-demo:教程如何与json-server一起使用
05-03
const router = jsonServer.router('db.json'); const middlewares = jsonServer.defaults(); server.use(middlewares); server.use(router); // 自定义路由示例 server.get('/special-route', (req, res) => { ...
JSON静态配置
11-07
简要描述json数据格式　
json-server 配置与使用
cxx4220的博客
07-16 953
在后端接口没有写好，而前端又希望测试调用接口获取数据，可以通过json-server来模仿接口数据。 首先npm install json-server，然后进行相关配置： 具体的配置如下： build文件夹下找到webpack.dev.conf.js文件，在该文件moudule.exports 前加上如下配置： //json-server配置 const jsonServer = re...
安装配置JsonServer
elecP的博客
06-11 519
在 "scripts":{} 里面添加 "start" : "json-server --watch db.json"继续在PowerShell中输入指令 npm install 生成package-lock.json。在cmd命令中，执行json-server –v查看版本验证安装成功。第四步：在第三步文件夹中，shift+右击打开命令行工具PowerShell。第八步：在第三步文件夹中，shift+右击打开命令行工具PowerShell。例如： db.json 里面写json格式数据。
Json server的配置和使用 + axios的配置和使用
weixin_43935061的博客
05-26 344
json-server的配置使用+axios的配置与使用
json配置
java小王子的博客
07-09 472
总结一下web项目中使用json时 ，需要引入的一些东西 ： 使用json 会比较方便 ，所以引入以上jar包就可以使用啦！
json-server的基本配置及简单使用
qq_43780023的博客
12-02 3098
文章目录前言一、json-server是什么？二、json-server下载及启动1.下载json-server2.启动三、json-server的简单操作1.基础语法 前言 一、json-server是什么？ 对于一个前端工程师来说，自测数据如果没有可用的后端接口的话就只能自己伪造数据，但是这样的话每次手动创建的话都是很麻烦的，而且还不支持前端的一些rest风格的访问，但是json-server就解决了这个不足，它是纯前端的一个三方组件，可以实现前端通过异步请求的方式对文件的增删改查，而且使用起来也是十
Json配置
weixin_43867288的博客
01-19 137
[ { "args": { "required": false, "day": -1 }, "field": "created:from", "id": "created:from", "name": "创建时间从", "operator": ">=", "table": "receipt_header", "type": "datetime" }, { "args": { ...
json-server详解
热门推荐
李宥的博客
07-30 1万+
- Json-server 是一个`零代码快速搭建本地 RESTful API 的工具`。它使用 `JSON 文件作为数据源`，并提供了一组简单的路由和端点，可以模拟后端服务器的行为。
2.json配置
tzzt01的博客
04-20 338
JSON 语法 JSON的Key必须包裹在一个双引号中，在实践中，编写 JSON 的时候，忘了给 Key 值加双引号或者是把双引号写成单引号是常见错误。 JSON的值只能是以下几种数据格式： 数字，包含浮点数和整数。 字符串，需要包裹在双引号中。 Bool值，true 或者 false。 数组，需要包裹在方括号中 []。 对象，需要包裹在大括号中 {}。 Null 其他任何格式都会触发报错，例如 JavaScript 中的 undefined。 JSON 文件中无法使用注释，试图添加注释将会
json-server：打造本地开发简易服务器
在实际使用中，开发者会在这个文件中配置json-server的一些行为，例如设置不同的API端点或者开启特定的中间件功能。此外，"json-server-main"文件可以作为整个json-server应用的入口文件，启动和维护本地服务器实例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值