博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

vue常见请求的封装(后续有空就更新)

Posted on 2022-03-18 11:16  地霊殿~三無  阅读(285)  评论(0编辑  收藏  举报

一、post四种

/` 参数为query string parameters,接口数据格式要求为raw时 `/
export const postJson = (url, params) => { return service({ method: 'post', url: `${url}`, data: JSON.stringify(params), headers: { 'Content-Type': 'application/json' } }) }
/` 参数为query string parameters,接口数据格式要求为x-www-form-urlencoded时 `/

export const post = (url, params, tout = 20000) => {
return service({
    method: 'post',
    url: url,
    data: params,
    timeout: tout,
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    transformRequest: [
      function(data) {
        return qs.stringify(data)
      }
    ]
  })
} 

/` 上传文件,接口数据格式要求为form-data时 `/
export const uploadFile = (url, params) => {
  return service({
    method: 'post',
    url: `${url}`,
    data: params,
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
}
 
 /` 参数为query string parameters,接口数据格式要求为x-www-form-urlencoded时,获取文件二进制流 `/
export const getExport = (url, params, tout = 999999) => {
  return service({
    method: 'post',
    url: `${url}`,
    data: params,
    timeout: tout,
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    transformRequest: [
      function(data) {
        return qs.stringify(data)
      }
    ],
    responseType: 'blob'
  })
}
 

 

ps: 待更新

Live2D