Json-server 1.全局安装 npm install -g json-server 安装axios npm install axios axios文档:https://www.w3cschool.cn/jquti/jquti-kb3a35x1.html 2.安装成功 json-server -v 3.运行 json-server --watch db.json 4.post--增加数据 get--获取数据 patch请求--修改数据 delete请求--删除数据 5.post--增加 post 请求 响应成功的是201 其他请求响应成功是200 输入title和content 添加到db.json中news中 axios.post('http://localhost:3000/news', { title: this.title, content: this.content }).then(function (response) { console.log(response) }).catch(function (error) { console.log(error) }) 添加完后获取(get)到news的数据,渲染到页面中的表格 const that = this axios.post('http://localhost:3000/news', { title: this.title, content: this.content }).then(function (response) { // eslint-disable-next-line eqeqeq, no-empty if (response.status == 201) { // post 请求 响应成功的是201 其他请求响应成功是200 axios.get('http://localhost:3000/news').then(function (res) { console.log(res) // 响应返回的数据进行一次输出,去判断你的请求是否成功 that.dataList = res.data }) } console.log(response) }).catch(function (error) { console.log(error) }) 6.delete--删除 传入要删除的id 删除对应的数据 const that = this axios.delete(`http://localhost:3000/news/${cid}`).then(function (res) { console.log(res) // eslint-disable-next-line eqeqeq if (res.status == 200 && res.statusText == 'OK') { that.getNews() } }) 7.patch--修改 点击修改 将获取到item数据 赋值到上面input里面 const that = this axios.patch(`http://localhost:3000/news/${this.id}`, { title: this.title, content: this.content }).then(function (res) { if (res.status === 200) { that.getNews() } console.log(res) })