Bootstrap

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,点击可打开跳转到相应页面)

直接用分地址打开效果:

;