json-server模拟数据

1. 安装 json-server，一个用于快速搭建 REST API 的工具：

npm install -g json-server

    2.在项目中新建一个mock文件夹 并且创建json文件用来容纳模拟数据文件，创建一个 JSON 文件（例如 db.json），用于模拟后端数据存储：

{
  "files": []
}

   3.cd到mock文件夹下 json-server --watch db.json --port 端口号

扩展: 修改启动命令

去package.json 找到scriptc节点添加我们的json-server的启动命令别名（db）

  "scripts": {
    "serve": "vue-cli-service serve",
    "db":"json-server --watch ./src/mock/db.json --port 8899",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

配置好启动命令之后可以使用npm run db来开启json-server服务

注意：使用npm run db时可能会报错

原因是node版本的问题，在这里我们可以看到当前项目的node版本是17.0.0，再来看一下安装json-server时它要求的node版本：

 

可以看到它要求的node版本必须大于等于18，所有我们需要升级一下node版本，就可以正常启动服务。

使用nvm list available命令查看可用的node版本，使用nvm install <版本号>进行下载，使用nvm use <版本号>使用刚才下载的版本即可 

可能会遇到镜像过期的问题：

可以使用 nvm node_mirror https://nodejs.org/dist/ 命令 将 nvm 源更改为官方源（Node.js 官方源），再执行其它命令。