03（01）

客户端代码：

// 运行在其它服务器上
  const xhr = new XMLHttpRequest()
  xhr.open('get', 'http://localhost:4000/')
  xhr.send(null)
  xhr.onload = function () {
      console.log(xhr.responseText)
  }
复制代码

05-restful接口规则介绍

• 是一个接口定义规范
• 请求方式：get post put delete patch
• get 拉取资源
• post 添加操做
• put 作修改 所有修改
• patch 作修改 局部修改
• delete 删除操做

以上规则体现 经过请求方式就能够判断操做类型

• 进行路径传参 path 传参 路径标识符传参
• 例如： user?id=10 url参数 user/10 路径传参

梳理启动的json-server的接口怎么去请求：

• 全部品牌数据 get http://localhost:3000/brands
• 获取一个品牌数据 get http://localhost:3000/brands/1
• 添加品牌 post http://localhost:3000/brands
• 修改品牌 put http://localhost:3000/brands/1
• 删除品牌 delete http://localhost:3000/brands/1

06-用postman测试接口

• 请求的方式有不少种 浏览器测试get接口
• 使用一个工具 postman 测试接口

07-axios-介绍

• 是一个能在NODEJS和浏览器使用的发送请求的插件
• 愿理仍是基于 xhr 对象，支持Promise方式， 支持restful规则
• Promise 成功调用的是 then() 若是失败调用 catch()

08-axios-使用

• 没有请求体