vue JSON SERVER 踩坑

使用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.js中编辑加入代理：

5.启动mock：

• npm run mock

注意：mock 启动后不要结束该命令在本git窗口运行npm run dev ，否则会报504网关错误；若代理失败，可将localhost改为本机ip地址

6：调用接口启动项目 ：