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;
}