uniapp完整封装请求代码
时间: 2023-09-12 11:04:20 浏览: 119
uniapp 请求代码封装
以下是一个简单的uniapp封装请求的示例代码:
```javascript
// api.js
import axios from 'axios';
// 创建一个axios实例
const instance = axios.create({
baseURL: 'https://api.example.com',
timeout: 5000, // 请求超时时间
});
// 请求拦截器
instance.interceptors.request.use(
(config) => {
// 可以在这里对请求进行处理,如添加token等
return config;
},
(error) => {
return Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
(response) => {
// 可以在这里对响应进行处理,如对错误进行统一处理
return response.data;
},
(error) => {
return Promise.reject(error);
}
);
// 封装get请求方法
export function get(url, params) {
return instance.get(url, { params });
}
// 封装post请求方法
export function post(url, data) {
return instance.post(url, data);
}
```
在需要发送请求的地方引入`api.js`,然后使用`get`和`post`方法发送请求即可。
示例用法:
```javascript
// 使用get方法发送请求
import { get, post } from '@/api.js';
get('/api/users', { id: 1 })
.then((response) => {
console.log(response);
})
.catch((error) => {
console.error(error);
});
// 使用post方法发送请求
post('/api/login', { username: 'admin', password: '123456' })
.then((response) => {
console.log(response);
})
.catch((error) => {
console.error(error);
});
```
请根据实际情况修改baseURL和请求的具体参数。这只是一个简单的封装示例,实际使用中可能需要根据项目需求进行扩展和修改。
阅读全文