1.安装依赖:
npm -g i json-server/ cnpm install -g json-server
2.新增json目录 放置json文件,进入json终端
3.输入命令,查看版本:
json-server
4.启动接口服务(data.json为自己的json文件名):
注意:一定要在你的json文件下开启服务
json-server --watch --port 8081 data.json
5.安装axios:
npm i axios
6.在mian.js中配置全局默认请求地址:
1. 引入axios
import axios from 'axios';
2. 配置全局默认地址:
axios.defaults.baseURL = 'http://localhost:8081'
7.浏览器测试(list为自己的对象名):
8.使用方式:
查询:get axios.get("list")
修改:get axios.get(`list?name_like=${this.findInput}`) //需要在请求地址中携带一个_like='xx';
增加:post axios.post("list", this.xxx);
删除:delete axios.delete(`list/${id}`)
模糊查询 :1.put : 全量的修改,会把原来所有的数据覆盖掉,需要改的和不需要改的都需要传参
2.patch : axios.patch(`list/${item.id}`, {flag:item.flag}); //打补丁,只会修改传递的值