axios request Payload和QueryStrimg Parameters

本文详细介绍了在HTTP请求中如何使用requestPayload和QueryStringParameters两种方式提交数据。requestPayload适用于'PUT','POST',和'PATCH'方法,数据可以是字符串、普通对象、ArrayBuffer等类型。而QueryStringParameters则作为URL参数发送,必须是普通对象或URLSearchParams对象。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如果希望发生的数据以requestPayload的方式提交,请把参数放到data里面,如下:

 // `data` is the data to be sent as the request body
  // Only applicable for request methods 'PUT', 'POST', and 'PATCH'
  // When no `transformRequest` is set, must be of one of the following types:
  // - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
  // - Browser only: FormData, File, Blob
  // - Node only: Stream, Buffer
  data: {
    firstName: 'Fred'
  },

如果希望把数据以QueryString Parameters的方式提交,如下:

/ `params` are the URL parameters to be sent with the request
  // Must be a plain object or a URLSearchParams object
  params: {
    ID: 12345
  },

 

封装 WebSocket 类(vue3里)(import axios from 'axios' // 配置axios实例 const service = axios.create({ // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL baseURL: '/api', // `timeout` 指定请求超时的毫秒数(0 表示无超时时间) // 如果请求花费了超过 `timeout` 的时间,请求将被中断 timeout: 3000 // ms毫秒 }) // 请求拦截器 service.interceptors.request.use( config => { // 在发送请求之前做些什么 // 例如,设置token // if (store.getters.token) { // config.headers['X-Token'] = getToken(); // } return config }, error => { // 对请求错误做些什么 console.error('请求配置错误:', error) Promise.reject(error) } ) // 响应拦截器 // 请求接口后返回接口值 service.interceptors.response.use( response => { // 对响应数据做点什么 // 例如,检查服务器返回的状态码 const res = response.data // 接收返回数据,对象集合? console.log(res) if (response.status !== 200) { console.error('请求失败:', response.status) return Promise.reject(new Error('请求失败')) } else { // 这里可以统一处理返回的数据格式 // 比如,如果所有接口都返回了{code: 200, data: {}, msg: ''}这样的结构 // 可以统一处理这个结构,只返回data字段 if (res.code === 1) { return res } else { // 如果有错误,可以抛出一个错误 // eslint-disable-next-line no-undef return Promise.reject(new Error(res.message || 'Error')) } } }, error => { // 对响应错误做点什么 console.error('响应错误:', error) // 例如,根据响应码做不同的处理 if (error.response.status === 401) { // 未授权,跳转到登录页面 // router.push('/login'); } return Promise.reject(error) } ) export default service 类似于)
最新发布
04-02
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陆康永

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值