接口文档的使用

请求参数((GET方法就是Query参数,POST方法就是 Body参数)

  • 在 axios中通过headers选项设置Headers请求头参数

  • 在 axios中通过data选项设置Body请求体参数

  • 在 axios中通过params选项设置Query参数
    如果有 Query 参数,axios 会在内部把这个对象转为key=value&key=value 的数据格式,然后以?分割频道的url的后面传递给接口

axios({
	// Method请求方法
	method: 'post ',//常见的有GET(一般用于查询操作)、POST(一般用于添加)、PUT(一般用于修改,完整替换)、DELETE(一般用于删除操作)、PATCH(一般用于修改操作,局部修改),从使用角度不用关心为什么,因为这是后端设计的,我们决定不了。
	// PATH请求路径
	url: '请求路径",
	//请求路径中的:xXx表示路径参数
	//使用的时候需要指定参数,把数据值替换掉:xxx
	ur1: '/mp/v1_0/articles /:target',
	
	ur1: ' /mp/v1_0/articles/1',
	ur1: '/mp/v1_0/articles/2',
	//在 axios 中通过headers选项设置请求头参数
	headers : {
	//名字:值
	//因为 axios 发送的请求默认会设置'Content-Type ' : 'application/json'
	'Content-Type ' : 'application/json',
	
	Authorization:用户token
	},
// axios 中通过data选项设置Body请求体参数
	data:{
		mobile: '',
		code: ''
	},
// axios中通过params选项设置Query参数
// Query参数也叫查询参数
//如果有 Query参数,axios 会在内部把这个对象转为 key=value&key=value 的数据格式,然后以?分割频道的url的后面传递给接口
	params:{
		status: 2
	}
})
请求参数:
-请求头 Headers
-查询参数Query
-请求体Body
-路径参数

1.如何查看请求参数是否正确

接口文档的使用_第1张图片
接口文档的使用_第2张图片
接口文档的使用_第3张图片

1.1.请求头参数

接口文档的使用_第4张图片

1.2.请求体参数

接口文档的使用_第5张图片
现在chrome浏览器已经不在这个位置了
payload还有的,挪到跟headers平级了,在headers右边
接口文档的使用_第6张图片
接口文档的使用_第7张图片

2.遇到接口报错不要慌

  • 响应码,看接口文档中有没有说明该响应码的含义
    接口文档的使用_第8张图片

  • 先看响应结果,一般都有详细的错误日志
    接口文档的使用_第9张图片

  • 通过preview看响应结果更直观:
    接口文档的使用_第10张图片

  • 检查你的请求参数是否正确

    • 请求方法
    • 请求路径
    • 请求参数
      • Headers参数
      • Query参数(在url中)
      • Body参数
      • 路径参数(在url中)

你可能感兴趣的:(前端笔记,前端,restful,http)