json-server使用过程详解（一些坑）

最新推荐文章于 2024-06-21 12:24:17 发布
最新推荐文章于 2024-06-21 12:24:17 发布
阅读量3.9k 收藏 6
点赞数 2
文章标签： json-server 前端接口 前后端分离数据测试 后端moke
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44612322/article/details/102960647
版权

前后端分离系统，需要数据做测试时，某些无法mock到满意数据的协议使用此方法。
使用json-server可以几分钟搭建好一个共测试的api接口

安装

安装nodejs



下载nodejs




安装可参考好人详细教学

安装json-server

这里可直接安装，但是为了方便管理建议（本人亲测）新建项目

新建项目

mkdir json-connection
cd json-connection 进入

初始化项目:效果如下

在这里插入图片描述

安装

npm install -g json-server

在这里插入图片描述

测试

项目目录下新建db.json
将文件启动为web服务

最低0.47元/天 解锁文章
奋斗的Jay麦霸
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
详解vue-cli项目中用json-sever搭建mock服务器
10-19
在vue-cli项目中使用json-server，我们可以快速地创建和操作模拟数据，以便于前端开发人员进行调试和测试。 1. **创建JSON数据文件**： 首先，你需要创建一个JSON文件，例如`db.json`，来定义你的模拟数据。在这个...
详解SQL Server 中 JSON_MODIFY 的使用
09-09
以下是一些使用示例及其解释： 1. **追加数组元素**： 使用`append`关键字可以在JSON对象的数组中添加元素。例如，向`$.skills`数组中添加'Azure'： ```sql PRINT JSON_MODIFY(@testJsonValue, 'append $.skills...
vue JSON SERVER 踩坑
DDDEBOKE
08-08 246
使用json-server实现后台数据接口: 1.全局安装json server npm install json-server -g 2.在项目根目录创建mock文件夹，在文件夹下创建db.josn存储json数据 3.在package.json 中写入命令： “mock” : "json-server  --watch mock/db.json" 4.在config的index...
json-server的使用
naansun的博客
05-10 690
json-server的使用 最近这段时间在学习充电自己写数据，发现了json-server这个工具 发现还挺好用的 下面介绍一下我使用的过程 以及遇到的一些问题。 安装json-server 创建data.json文件 在一个文件夹下新建一个data.json文件 启动json-server 启动json-server时需要注意的一个问题就是 在json所在的文件夹下 输入命令 json-server data.json(如果不在所在文件夹下启动 导致后续的接口不能使用) ...
HTML5 Vue开发json.server无法识别命令及报错问题SyntaxError: Unexpected token ‘?‘
最新发布
qq_45685526的博客
06-21 339
HTML5 Vue开发json.server无法识别命令及报错问题SyntaxError: Unexpected token '?'
解决json-server无法启动
虽菜但瘾
01-27 3149
场景 在练习axios的时候使用了json-server插件来充当服务器的角色。但是在安装并写入文件之后就启动不了： 于是乎就寻找解决方法，最后找到了，可以移步至 解决 — json-server : 无法加载文件xx\npm\json-server.ps1，因为在此系统上禁止运行脚本 解决方法： 1、使用管理员方式打开Power Shell 2、输入Get-ExecutionPolicy，可以查看到当前的策略 3、输入Set-ExecutionPolicy RemoteSigned，设置当前的策略为R
json-server常见问题
Rui012345的博客
03-21 2038
json-server搭建本地测试服务器： mock数据（模拟后台数据） 现在基本上都是前后端分离，前端是前端工程师，后端属于后端工程师，但是前后端交互是个必不可少的环节，一般用Ajax进行交互。还需要一些实验数据来支撑，就需要模拟数据。 1..vue-cli的build的文件夹下没有dev-server.js文件，怎么配置mock数据 因为最新版本的vue-cli已经放弃dev-serv...
用json-server模拟后端数据
IT菜鸟
01-13 1685
1.下载安装json-server npm install -g json-server 查看版本号 json-server -v 2、创建json数据 在根目录下新建mock文件夹，在mock文件夹里新建data.json 我的json数据如下图所示： ​ { "status":["100"], "message": [ { "i...
SQL Server之JSON 函数详解
09-09
在SQL Server中，JSON（JavaScript Object Notation）已经成为一种重要的数据交换格式，特别是在与Web服务交互和处理NoSQL数据时。从SQL Server 2016开始，微软引入了对JSON的内置支持，使得数据库系统能够更加灵活...
详解webpack-dev-server使用http-proxy解决跨域问题
08-28
Webpack Dev Server 是一款在开发环境下用于提供实时编译和热加载功能的工具，极大地提高了前端开发效率。在实际开发中，我们经常会遇到跨域问题，这是因为浏览器的安全策略限制了不同源之间的请求。本文将详细介绍...
云服务器如何打开外部访问端口&json-server从本地迁移到云服务器
weixin_48299611的博客
10-11 1031
json-server用来模拟mock数据库，是一个非常好用的前端工具，正当我觉得轻松的时候，某人想看项目进展，所以要把项目打包到云服务器上。由于没有云数据库，所以就把json-server迁移到服务器上。 这里使用华为云服务器演示 第一步，设置云服务器的安全组规则 这里我们可以自己配置端口，也可以使用服务器默认给我们配置的端口，看图右框 点击图中的配置规则 —> 入方向规则 —> 添加规则，界面如下图 图中的8080是要开设的端口，可以自己取名，0.0.0.0/0代表的是任意ip地址都.
前端开发mock数据 nginx+json-server+faker
赵忠洋的博客
06-09 4085
nginx配置 前端反向代理前言因为需要本地开发模拟线上环境，所以应用json-server mock数据通过nginx配置反向代理反向代理，通过修改host 来绑定域名。通过查找多篇文档配置成功。 下载nginx因为我是mac环境下开发，所有用brew下载 $ brew install nginx # 安装完成后会看到 # /usr/local/etc/nginx/nginx.conf 配置 #...
用apipost访问json-server的接口时遇到的问题
wwwwj的博客
04-12 683
在使用apipost访问json-server的接口时遇到了无法访问接口的情况，去网上查了一些资料，有一些人说apipost访问本地环境要把代理给关掉，但我并没有开代理，后面我又查了一下Apipost如何开启json-server，也没找到解决方法，直到我搜索“json-server的使用”，才发现原来json-server可以设置启动参数，比如host、port等等
json-server使用
赶路人儿
07-16 717
json-server是一个在前端本地运行，可以存储数据的server，作用：模拟接口，操作模拟数据。 github：https://github.com/typicode/json-server 1、安装： $ npm install -g json-server $ json-server -h json-server [options] <source> Options: --config, -c Path to config file [de
JavaWeb从入门到放弃（3）-让外网能访问以及互传json
前人挖坑，后人种（pen）
11-01 383
上节已经实现了本地的模拟请求也返回了数据，但是在实际应用中，服务端总是在外网的，而且返回的数据会是json形式或者其他类型。 一.把代码部署到公网    1.有自己的服务器       和你本地的项目一样，安装eclipse，配置java环境，装tomcat，run，与本机localhost不同的是，你需要注意你的防火墙，把你的端口给设置允许访问，百度入网规则就可以找到，或者你直接把防火墙给
json-server首次运行遇到的问题以及解决方案
Raid02的博客
10-20 807
问题：出现 将要打开的文件前面的"."加上一个空格
‘json-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
qq_52476758的博客
05-14 2305
报错：‘json-server’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。 解决：先以管理员打开cmd,然后输入npm config ls，复制prefix中的路径设置到环境中的系统变量的path中即可解决
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值