uniapp ts封装request请求
时间: 2023-08-14 15:02:34 浏览: 153
在uniapp中,可以使用TypeScript来封装request请求。以下是一个示例:
首先,在utils文件夹下创建一个httpRequest.ts文件,内容如下:
```typescript
const BASE_URL = 'https://xxx.online/prod-api/'
export const request = (url: string, method: string, data: any) => {
return new Promise((resolve, reject) => {
uni.request({
url: BASE_URL + url,
data: data,
method: method,
header: {
token: uni.getStorageSync('token') != null ? uni.getStorageSync('token') : ''
},
success: (res) => {
resolve(res)
},
fail: (error) => {
reject(error)
}
})
})
}
export default request
```
然后,在main.ts文件中引入request:
```typescript
import Vue from 'vue'
import { request } from "./utils/httpRequest.ts"
Vue.prototype.request = request
```
这样就完成了uniapp中使用TypeScript封装request请求的过程。你可以根据自己的需求进行修改和扩展。
阅读全文