JSON-Server 安装

最新推荐文章于 2024-06-12 00:09:02 发布
最新推荐文章于 2024-06-12 00:09:02 发布
阅读量321 收藏
点赞数
分类专栏： 前端
原文链接：https://www.mk2048.com/blog/blog_hjk1ikci2jaa.html
版权

在后台还没给接口之前，使用JSON-Server搭建一台JSON服务器，将接口要返回的数据放在json文件里面。然后请求这些数据，这样我们可以先做一些东西，等后台接口好了之后直接替换就可以了，不必一直傻傻的等后端的接口。

 

1.安装json-server 

npm install -g json-server

 

2.启动服务 

json-server --watch db.json

 

1083235-20171225155352400-948328354.png

db.json:

1083235-20171225155416994-1355354331.png

 

结果：

1083235-20171225155445259-1993155445.png

 

xiaozhen0610
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安装配置JsonServer
AgainKin的博客
04-01 1162
在 "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的入门到抢后端饭碗
m0_45953836的博客
02-21 766
json-server是一个 Node 模块，运行 Express 服务器，你可以指定一个 json 文件作为 api 的数据源。通俗来说， json-server模拟服务端接口数据，一般用在前端人员可以不依赖后端的API开发，而在本地搭建一个JSON服务，快速生成一个REST API风格的后端服务。
Json-server 的使用教程
最新发布
xhmico的博客
06-12 1701
可以让前端人员不用去编写后端的代码，就能在本地搭建一个json服务，可用于测试一些业务逻辑，便于调试调用。在前后端分离的开发模式下前端使用模拟数据接口, 这时候 后端接口还没有开发出来, 前端又需要数据进行开发，这种情况下就需要前端先行模拟数据, 等后端接口写好进行targetUrl进行替换。github 地址npm 地址是一个零代码快速搭建本地使用JSON文件作为数据源，通过提供一组简单的路由和端点来模拟后端服务器的行为它允许前端开发人员在不依赖后端API的情况下进行开发，通过本地搭建一个JSON。
json-server的安装及使用
weixin_56388890的博客
06-28 366
安装、运行、修改
json-server环境搭建及使用
Smile_ping的博客
02-14 808
如何使用json-server在本地搭建mock服务器？
json-server的安装，使用，遇到的问题，解决方法以及利用axios获取数据。
BKayun的博客
07-23 2516
C:\Users\13459\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/ go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
json-server-multiple-files:使用多个文件运行json-server
05-26
JSON服务器多个文件/资源JSON服务器： ： 安装全局安装 npm install -g json-server安装本地 npm install结构 ├── README.md├── fakeapis│ ├── index.js│ ├── posts.json│ └── users.json├─...
json-server-auth:JSON服务器的身份验证和授权流程
05-07
入门同时安装JSON服务器和JSON服务器认证： # NPMnpm install -D json-server json-server-auth# Yarnyarn add -D json-server json-server-auth 使用users集合创建db.json文件： { " users " : []} 启动JSON服务器...
json-server-auth-base:项目默认的json-server-auth
05-26
json-server-auth-base 文档： : Json Server是一种创建API假冒品以进行原型设计，测试思想的方法，但是请注意，我们不将json-server用于生产中的产品，仅出于测试概念的目的。 使用json-server-auth，我们可以...
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....
json-server-reset:重置json服务器的中间件
04-30
json-server data.json --middlewares ./node_modules/json-server-reset 然后，您可以使用“ todos”并重置数据存储（在此示例中，我使用的是客户端） $ http :3000/todos [] $ ...
JsonServer安装及启动过程图解
11-20
JsonServer 　　主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用 　　是一个 Node 模块，运行 Express 服务器，可以指定一个 json 文件作为 api 的数据源 　　官网：https://www.npmjs.com/package/json-server 安装全局的json-server 　　终端中输入：npminstall-gjson-server（windows系统） 　　mac系统：则为 sudonpminstall-gjson-server 如下图： 　　 初始化package.json 　　终端中进入所要存放文件的目录 　　执行初始化命令：np
json-server 的安装和使用
book_longker的专栏
04-30 1823
为什么要使用json-server
『前端必备』本地数据接口—json-server 详细介绍（入门篇）
zhou139856的博客
07-13 5850
前端必备的本地接口数据之 json-server 详细介绍
json-server : 无法加载文件 C:\Users\Lenovo\AppData\Roaming\npm\json-server.ps1， 因为在此系统上禁止运行脚本。
qq_51510783的博客
01-11 1645
vscode 安装json-server报错如下图：之后网上方法都是一遍都没效果，在机缘巧合之下看到一个弹幕，尝试一下
json-server安装教程以及初步运用
weixin_45799833的博客
07-18 4007
前置准备 vscode node.js npm是随同NodeJS一起安装的包管理工具 npm install -g json-server C:\Users\86134\AppData\Roaming\npm
Json-server使用指导
shifengwang123的博客
11-07 838
安装及基础功能 1、 安装python 2.7。ubuntu默认已安装，可忽略。 2、 下载Node.js的tar.gz包并解压 a) 下载路径https://nodejs.org/en/download/ 3、 建立软链接 a) ln -s /[具体路径]/node /usr/local/bin/ b) ln -s /[具体路径]/npm /usr/local/bin/ 4、 安装淘宝的cnpm...
json-server环境搭建
qq_60976312的博客
08-25 1338
json-server环境搭建
json-server安装
weixin_49380944的博客
12-28 1600
json-server安装 1、全局安装json-server 首先我们来到终端，在根目录下安装我们全局的json-server， 输入指令： cnpm install -g json-server （cnpm是使用淘宝镜像下载） 初始化packjson这个文件，我们需要在当前的文件下下载对应的模块及插件，不然无法使用 输入npm init --yes 就可以直接下载好 但是还是建议一步步操作。如下操作 输入npm init 将项目名、描述、作者填写好其他默认回车即可 创建完成，会生成一个pack
怎么确认json-server安装完毕
04-09
确认json-server安装完毕可以通过以下步骤进行： 1. 首先，确保你已经安装了Node.js和npm（Node.js的包管理器）。 2. 打开终端或命令行界面，输入以下命令来安装json-server： ``` npm install -g json-server ``...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值