Skip to content

Ajax请求

脚手架封装了ajax公共请求方法,项目中所有非上传类ajax请求需通过该方法进行调用。可根据项目需要在公共请求方法中统一进行header参数及返回值处理。

使用示例

javascript
import request from "@/utils/request"

// 示例
request({
  url: "/api/system/get/page",
  method: "POST",
  data: {
    code: "123"
  },
  header: {
    menuCode: "xxx"
  }
})

方法参数

request方法接收一个对象类型参数,对象属性描述如下:

参数名参数说明参数类型必填默认值
url请求接口地址String
method请求方法"GET"、"POST"、"PUT"、"DELETE"GET
data请求参数Any
header请求头Object

公共header处理

在request文件下的handleHeader方法中,进行公共header参数设置。下方示例中将token认证信息放到所有ajax请求的header中。

javascript
function handleHeader(header: Record<string, any>) {
  const token = uni.getStorageSync("token");
  if (token) {
    header.Authorization = `Bearer ${token}`;
  }
  return header;
}

响应数据处理

在request文件下的handleResponse方法中,对接口返回的数据进行处理并返回处理后的数据。

javascript
function handleResponse(response: any) {
  return response;
}