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}); //打补丁,只会修改传递的值

本文介绍了如何通过npm安装json-server,创建并启动本地JSON接口服务,配置axios进行数据操作,包括GET、POST、DELETE和模糊查询。重点在于实战步骤和axios的使用技巧。
1万+

被折叠的 条评论
为什么被折叠?



