- 安装
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 官方源),再执行其它命令。