Json-server安装与使用及报错处理

Json-server安装与使用及报错处理

json-server的安装和版本查看

     1.通过（npm install -g json-server）或（npm i json-server -g）安装，这里默认安装1.0版本

安装报错可尝试在上面两个命令中的任意一个添加(--legacy-peer-deps)，然后执行

    2.用（npm list -g json-server）或（json-server -v）检查是否安装成功

（查看成功的图片）

这里建议用（npm list -g json-server），进行查找

因为安装成功也可能会查找失败，所以为了避免以上情况出现建议使用该方法查找

（可能会查找失败的图片）

      3.代码根据目录创建一个db目录

      4.进入db目录，执行命令，启动后端接口服务

怎样进入dv目录：

按shift键+右键

点击显示更多选项，

点击在此处打开Powefshell窗口（S）

在窗口中输入json-server --watch index.json

或输入（npm run json:server）会加载出来

（这里报错是因为已经在终端打开）

（在终端打开显示的图片）

运行（json-server --watch index.json）或（npm run json:server）始终报错

（始终显示该种错误）

可以尝试一下下面的方法

-----------------------------------------------------------------------------------------------------------------------------

Json-server的报错处理

(1)重新在终端安装json-server(用npm uninstall -g json-server卸载)，用（npm install -g json-server）进行安装（如果一开始就用该方法安装可不卸载）

（2）进入之前创建项目的文件夹（用来放置json的地方，有的是db文件夹，有的是json文件夹，不影响）中（相对绝对路径都可以）

（3）用（npm init）初始化packjson文件

选择：

（这句也要回车）

显示：

（4）用（npm install json-server --save）安装我们要用到的json-server模块

1)安装json-server模块

2）找到我们的文件夹下，用记事本打开package.json文件，修改相应内容,如图所示

3）index.json中的内容（可自行设置）

最后：访问接口测试

输入指令（npm run json:server）运行json-server

根地址打开效果：

（图中的/cart和/friends，点击可打开跳转到相应页面）

直接用分地址打开效果：