API接口常用参数:路径参数、查询参数、请求参数、响应参数...

一、路径参数:用于标识资源的URL唯一标识符或标识特定资源的属性

https://api.example.com/users/{userID}

//路径参数拼接
1.
export const delete = (id) =>
  defHttp.delete({ url: '/rscheck/v1/person/checkpersonmsg/' + id });
2.
export const delete = (id) =>
  defHttp.delete({ url: `/rscheck/v1/person/checkpersonmsg/${id}` });

//其中,id就是路径参数

二、查询参数:查询参数是在 URL 中通过 ? 后面附加的键值对形式传递的,不同参数之间使用 & 连接

https://api.example.com/search?query=term&page=1&limit=10

export const delete = (params) =>
  defHttp.delete({ url: '/rscheck/v1/person/checkpersonmsg/delete',params });

//其中,params就是查询参数

三、请求头参数(Request Headers): 包含在HTTP请求头部中,用于传递额外的信息,例如授权信息、内容类型等

GET /api/resource HTTP/1.1
Host: example.com
Authorization: Bearer your_access_token
Content-Type: application/json

四、请求体参数(Request Body): 包含在HTTP请求体中,通常用于POST、PUT等请求方法,传递客户端向服务器提交的数据

POST /api/resource HTTP/1.1
Host: example.com
Content-Type: application/json

{
  "key": "value"
}

五、响应头参数(Response Headers): 包含在HTTP响应头部中,用于传递响应的元数据,例如内容类型、缓存控制等

HTTP/1.1 200 OK
Content-Type: application/json
Cache-Control: no-cache

六、响应体参数(Response Body): 包含在HTTP响应体中,传递服务器对请求的响应数据

HTTP/1.1 200 OK
Content-Type: application/json

{
  "result": "success"
}

七、授权参数(Authentication Parameters): 用于身份验证,例如用户名、密码、访问令牌等

GET /api/resource HTTP/1.1
Host: example.com
Authorization: Basic base64encoded(username:password)

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Vue 中发送请求时,我们通常使用 axios 库来进行网络请求。如果需要在发送请求前获取请求参数,可以通过拦截器的方式来实现。 在 axios 中,拦截器有两种:请求拦截器和响应拦截器。请求拦截器会在发送请求前执行,响应拦截器会在接收到响应后执行。 我们可以在请求拦截器中获取请求参数,然后再进行请求。具体的代码可以参考以下示例: ```javascript import axios from 'axios'; // 创建 axios 实例 const service = axios.create({ baseURL: 'http://api.example.com', // 接口的基础路径 timeout: 5000, // 请求超时时间 }); // 请求拦截器 service.interceptors.request.use( (config) => { // 在发送请求前获取请求参数 const params = { // 这里可以编写获取请求参数的代码 }; // 将获取到的请求参数添加到请求配置中 config.params = { ...config.params, ...params, }; return config; }, (error) => { // 请求错误时的处理 console.error(error); return Promise.reject(error); } ); // 响应拦截器 service.interceptors.response.use( (response) => { // 对响应数据进行处理 return response.data; }, (error) => { // 响应错误时的处理 console.error(error); return Promise.reject(error); } ); export default service; ``` 在上面的代码中,我们通过 `interceptors.request.use` 方法添加了一个请求拦截器,它会在发送请求前执行。在拦截器中,我们可以通过编写获取请求参数的代码,将获取到的参数添加到请求配置中。最后,返回修改后的请求配置。 需要注意的是,如果请求参数需要异步获取,可以使用 `async/await` 或者 Promise 等方式来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值