doc/实训内容/json-server/json-server.txt

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)
      })